vue极致打包_vue 各种打包坑
1,报错
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里面的assetsPublicPath: ‘/’,的路径,所以才导致了这个报错。改回来就ok了。
2,点击路由切换报错下面代码,而且一刷新就跳404;
Uncaught SyntaxError: Unexpected token <
Error: Loading chunk 1 failed.
at HTMLScriptElement.u (bootstrap cda6aba49714b00712f5:103)
看不懂吧,不懂就对了,我也不懂,但是找到原因
解决办法及原因:这是因为写路由的时候为了好看使用了 mode:'history' 模式去掉 # 号,但是在服务器是不认识去掉#的好链接的,所以返回一个404页面。这个问题官网解释如下,要使用history模式 需要服务器支持,目前对服务器不了解,所以就简单粗暴不用history模式了,问题就解决了。
3,打包后报错如下
Uncaught SyntaxError: Unexpected token <
Uncaught SyntaxError: Unexpected token <
Uncaught SyntaxError: Unexpected token <
解决办法及原因:因为config 文件夹下面的 index.js 配置 assetsPublicPath:'/' 引用文件是路径是相对更目录来引用的,但我们打包后生成的dist
文件夹index.html 引入的路径都在当前目录下的static文件夹下,所以只要打包的时候改成assetsPublicPath:'./'就行了,有两处,都要改成'./'哦。
有新的坑在补充。
踩到坑才说明在进步。
逆水行舟,难灭凌云之志!
vue极致打包_vue 各种打包坑相关推荐
- vuejs出的手机app有哪些_详解Vue webapp项目通过HBulider打包原生APP
Vue webapp项目通过HBulider打包原生APP 1.webapp项目已经通过vue-cli搭建的脚手架写好了,然后通过webpack打包成一个部署文件list,如下: 2.打开HBulid ...
- Python打包工具Pyintealler打包py文件为windows exe文件过程及踩坑记录+实战例子
Python打包工具Pyintealler打包py文件为windows exe文件过程及踩坑记录+实战例子 目录 Python打包工具Pyintealler打包py文件为windows exe文件过程 ...
- 使用Gradle整合SpringBoot+Vue.js-开发调试与打包
为什么80%的码农都做不了架构师?>>> 非常感谢两位作者: kevinz分享的文章<springboot+gradle+vue+webpack 组合使用> 首席卖 ...
- python打包exe之打包深度学习模型踩坑记录及其解决办法。
在现实生活中,有时候我们写的程序需要发给小伙伴用,而小伙伴没有python,这时候我们需要将程序打包成exe文件发给小伙伴用. 今天讲下打包深度学习模型 打包一般要用到cmd命令行,要求cmd能执行p ...
- python打包exe 之打包sklearn模型中的各种坑及其解决方法。
之前学习了如何打包,如何建立虚拟环境打包,以及如何带资源打包exe. python打包成exe 可执行文件 .教程 使用pipenv建立虚拟环境解决python打包exe文件过大的问题(附打包带图标, ...
- Vue cli3+Hubuilder将项目打包为App
前言 现在跨平台的开发越发的火了起来.前端能做到的事情也越来越多,App再也不用完全依靠安卓原生开发了.现在开发app的方式都是内核是前端开发,然后再给项目套一个安卓的外壳,即可实现app的开发. V ...
- vue项目打包部署-----解决打包后访问资源失败问题
vue项目打包部署-----解决打包后访问资源失败问题 参考文章: (1)vue项目打包部署-----解决打包后访问资源失败问题 (2)https://www.cnblogs.com/ycsc/p/1 ...
- 多页vue应用的单页面打包方法(内含打包模式的应用)
目录 一.简介 二.实现过程 1. 配置打包指令(指定打包模式) 2. 定义模式行为 3. 定义打包逻辑 三.打包模式的应用 总结 一.简介 关于如何以及为什么要构建多页vue应用,我们在上一篇文章中 ...
- aar打包依赖 android_打包依赖.aar文件以及坑总结
http://blog.csdn.net/u010134293/article/details/53374804 一.打包aar 1.单个模块打包 打开Gradle工具窗口,找到Android Lib ...
最新文章
- 2021年我的互联网秋招算法岗总结!
- java help
- 巧用css text-indent减小中文标点符号的占位大小
- 车载wince系统刷界面ui_2020年值得关注的10个UI设计趋势!
- Chromebook开发者模式Linux,Chromebook 的开发者模式和开发者版本有什么区别?
- python 获取行列号两个数组相等_python – 寻找在numpy中找到两个相等长度数组之间精确重叠的最快方法...
- 编译过程中的链接地址对最终编译镜像文件的影响
- 【6.18校内test】T1多项式输出
- python join_Python中join()方法的用法
- Ubuntu系统中各种文件颜色的含义
- Kail Linux渗透测试教程之ARP侦查Netdiscover端口扫描Zenmap与黑暗搜索引擎Shodan
- 15. 链表中倒数第k个节点(C++版本)
- Elastic Job定时任务
- 使用FFMPEG将非YUV420p压缩成JPG
- android 校园 源码,android 校园交易APP
- 不属于神经网络常用算法,神经网络算法包括哪些
- Oracle数据库的基本使用和高级查询
- Go语言学习之打印九九乘法表
- 2021-10-18血压计方案|血压计模块
- 大型技术组织 DevOps 转型经验总结
热门文章
- python搭建环境的心得体会_python学习第一天_环境的搭建
- PostgreSQL 13隐藏杀手锏特性
- 守得云开见月明:一次ASM存储高可用故障解决过程分析
- MySQL 8.0.12 有什么新内容?
- MySQL 分页优化中的 “ INNER JOIN方式优化分页算法 ” 到底在什么情况下会生效?
- 云小课|DGC数据开发之基础入门篇
- 华为AppCube入选Forrester《中国低代码平台市场分析报告》
- IoT边缘,你究竟是何方神圣?
- 最小二乘法,了解一下?
- 清明节特辑 |记忆存储、声音还原、性格模仿……AI可以让人类永生吗?