Vue打包后出现的bug -favicon.ico' because it violates the following Content Security Policy direc
打开vue的项目,但是页面显示的是Cannot GET,打开控制台之后,发现有一篇红色报错。
//Refused to load the image 'http://localhost:8080/favicon.ico'because it violates the following Content Security Policy directive:"default-src 'none'". Note that 'img-src' was not explicitly set,so 'default-src' is used as a fallback.;
错误原因,虽然单词看的不太明白,英语水平也不是很高,但是作为一名程序员,在线翻译的工具当然是必备的了,大致看翻译了一下错误的意思
拒绝加载图像“http://localhost:8080/favicon.ico”因为它违反了以下内容安全策略指令:“默认SRC‘none’”。请注意,没有显式设置“img-src”,所以“default src”用作回退。
打包运行的时候,似乎是改掉了config文件夹中的index.js里面的assets PublicPath: ‘/’,的路径,所以才导致了这个报错。
一个路径不对,会导致项目运行不出来。
于是改回来了,再次运行项目,就成功了。
Vue打包后出现的bug -favicon.ico' because it violates the following Content Security Policy direc相关推荐
- vue项目运行报错Refused to load the image 'http://localhost:8080/favicon.ico' because it violates the follo
Refused to load the image 'http://localhost:8080/favicon.ico' because it violates the following Cont ...
- html ico不显示,vue 项目线上环境 出现 favicon.ico 不显示 怎么办
vue 项目线上环境 出现 favicon.ico 不显示 怎么办? 一直提示报错: GET HTTP: xxx.xxxx.xxx.xxx:8080/favicon.ico 404 (Not Foun ...
- flask 渲染 vue 打包后的dist文件(直接用后端渲染)
flask 渲染 vue 打包后的dist文件(直接用后端渲染) vue项目打包出dist文件 npm run build 代码 from flask import Flask from flask ...
- vue 打包后访问接口报错404 解决方案 (前提是在vue里使用了代理)
vue 打包后访问接口报错404 解决方案 (前提是在vue里使用了代理) 参考文章: (1)vue 打包后访问接口报错404 解决方案 (前提是在vue里使用了代理) (2)https://www. ...
- vue打包后element-ui部分样式(图标)异常问题
vue打包后element-ui部分样式(图标)异常问题 参考文章: (1)vue打包后element-ui部分样式(图标)异常问题 (2)https://www.cnblogs.com/ljwsyt ...
- vue打包后css路径_Vue打包后访问静态资源路径问题
Vue打包后访问静态资源路径问题 Vue介绍中static文件夹里放的是静态资源目录,如图片.字体等. 我们发现运行npm run start后本地图片路径是没问题的,但是打包上传后会怎么样呢? 我们 ...
- [vue] 怎么修改vue打包后生成文件路径?
[vue] 怎么修改vue打包后生成文件路径? webpack:output.path vue-cli3: outputDir 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一 ...
- [vue] 怎么解决vue打包后静态资源图片失效的问题?
[vue] 怎么解决vue打包后静态资源图片失效的问题? 上面蛮多回答感觉像开玩笑似的,静态资源图片失效分几种情况. 1.确定线上环境是否在根路径上,配置资源根目录,vue-cli2 和 vue-cl ...
- vue打包后出现一些map文件的解决方法
Vue打包后出现一些map文件的解决办法: 问题: 可能很多人在做vue项目打包,打包之后js中,会自动生成一些map文件,那我们怎么把它去掉不要呢? 1.运行 cnpm run build 开始 ...
最新文章
- R语言rev函数对数据对象(向量、dataframe通过行或者列)反序实战
- win7_iis报500.19和500.21错误问题解决
- 算法与面试之-如何准备算法面试
- 32位机器下面各类型的取值范围(sizeof值)
- 关于lvalue and rvalue
- java while等待 yeild_Java中run(), start(), join(), wait(), yield(), sleep()的使用
- 使用wireshark+ssh+tcpdump远程抓包
- 【微信小程序】java最简单观察者模式
- Azure手把手系列 4:深入了解Azure 一块钱当三块用
- 34muduo_net库源码分析(十)
- pythonturtle哪个版本好,python3.7安装turtle(单纯为了好玩)
- Jmeter下载安装详细步骤(最新)
- 前端项目——当当图书网(javaScript)
- 高端存储下一个爆款凭什么是它?
- 项目管理的十个经典法则
- MOT任务中JDE(Jointly learns the Detector and Embedding model)算法解读
- 获取非行内样式的兼容
- 无人机自动悬停的实现方法(大疆无人机为例)
- OpenStack Swift集群部署流程与简单使用
- Htmlunit模拟登陆蓝墨云
热门文章
- Win10 笔记本底下VM Ware鼠标失灵,不能点的问题解决
- 鲲鹏Bigdata pro 之日志分析综合实验-补充细节
- 微信h5图表组件制作教程
- 微信h5互动小游戏制作心得
- 计算机网络管理工程师证书考试试题,2016年计算机软件水平考试网络工程师练习题...
- 泰迪杯C题第三问[文本有效性分析] (1)
- 为什么可用性设计重要?如何实现可用性设计?
- PL3366C-ASEMI移动电源管理IC
- 【Unity】StreamingAssets和PersistentData文件夹
- CentOS如何拓展swap分区