localhost/:1 Refused to load the image 'http://localhost:8181/favicon.ico' because it violates th...

一、项目启动时窗口显示正常，打开页面报错 \color{red}{Cannot GET /}


二、报错信息：


报错信息大致意思为：拒绝加载图像的http://localhost:8181/favicon。因为它违反了以下内容安全政策指令:“default-src‘none’”。

注意，'img-src'没有被显式设置，因此'default-src'被用作回退。


三、解决办法：

找到config/index.js，将dev下的\color{red}{assetsPublicPath}配置改为 "/",\color{red}{并重启项目}。


四、build.assetsPublicPath【资源的根目录】

这个是通过http服务器运行的url路径。在大多数情况下，这个是根目录(/)。如果你的后台框架对静态资源url前缀要求，你仅需要改变这个参数。在内部，这个是被webpack当做output.publicPath来处理的。

后台有要求的话一般要加上./ 或者根据具体目录添加，不然引用不到静态资源

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容