当我使用localpath包含bootstrap.min.css时,没有CSS被应用,当我使用CDN url而不是localpath时,它起作用

时间:2019-04-03 05:46:15

标签: bootstrap-4

我正在使用bootstrap 4.3.x。我想使用localpath包含CSS,但如果这样做,则不会应用CSS。下面是localpath。

我尝试将以下源URL放入不起作用的bootstrap.min.css

link href="css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"

与在CDN路径下使用时一样,它起作用。

link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"

包括localpath的

应该在index.file中显示适当的元素。截至目前,它显示了分散的元素。我检查了浏览器控制台,但发现错误

  1. CORS策略已阻止从来源“ null”访问“ file:/// C:/xampp/htdocs/resumo/css/bootstrap.min.css”处的CSS样式表:仅支持跨来源请求协议方案:http,数据,chrome,chrome扩展名,https。 2。无法加载资源:net :: ERR_FAILED

2 个答案:

答案 0 :(得分:1)

只需从您的href代码中删除所有这行代码“完整性=” sha384-ggOyR0iXCbMQv3Xipma34MD + dH / 1fQ784 / j6cY / iJTQUOhcWr7x9JvoRxT2MZw1T“ crossorigin =” anonymous“” 并只保留这条线 或者,您也可以复制该行并替换为该行。只要确保您的文件与index.html位于同一文件夹中即可

答案 1 :(得分:0)

我试图直接在浏览器中打开文件,从而导致css加载问题。实际上,我需要打开Web服务器(在我的情况下为xampp上的http://localhost/project/filename),并使用带有URL {{1}}的http协议访问文件。

感谢Nik为我找到了答案