vue.js 打包时出现空白页和路径错误问题及解决方法


Posted in Javascript onJune 26, 2019

vue-cli输入命令:npm  run  build 即可打包vue.js的项目

 打包出来后项目中就会多了一个文件夹dist,下图为我们打包过后的项目

vue.js 打包时出现空白页和路径错误问题及解决方法

我们直接运行打包后的文件夹中的index.html文件,会看到网页一片空白,f12调试,全是css,js路径引用错误的问题。

解决:到config文件夹中打开index.js文件。

文件里面有两个assetsPublicPath属性,更改第一个,也就是更改build里面的assetsPublicPath属性:

vue.js 打包时出现空白页和路径错误问题及解决方法

assetsPublicPath属性作用是指定编译发布的根目录,‘/'指的是项目的根目录 ,'./'指的是当前目录。

总结

以上所述是小编给大家介绍的vue.js 打包时出现空白页和路径错误问题及解决方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
用window.location.href实现刷新另个框架页面
Mar 07 Javascript
syntaxhighlighter 使用方法
Jul 02 Javascript
半角全角相互转换的js函数
Oct 16 Javascript
jQuery学习4 浏览器的事件模型
Feb 07 Javascript
javascript学习笔记(十七) 检测浏览器插件代码
Jun 20 Javascript
Javascript在IE和FireFox中的不同表现简析
Dec 03 Javascript
jQuery中读取json文件示例代码
May 10 Javascript
详解JavaScript UTC时间转换方法
Jan 07 Javascript
D3.js实现散点图和气泡图的方法详解
Sep 21 Javascript
AngularJS入门教程之表单校验用法示例
Nov 02 Javascript
8 行 Node.js 代码实现代理服务器
Dec 05 Javascript
面试常见的js算法题
Mar 23 Javascript
Vue实现日历小插件
Jun 26 #Javascript
微信小程序入口场景的问题集合与相关解决方法
Jun 26 #Javascript
Vue组件实现触底判断
Jun 26 #Javascript
vue-week-picker实现支持按周切换的日历
Jun 26 #Javascript
CKeditor4 字体颜色功能配置方法教程
Jun 26 #Javascript
Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示
Jun 26 #Javascript
ES6 Symbol数据类型的应用实例分析
Jun 26 #Javascript
You might like
PHP中大于2038年时间戳的问题处理方案
2015/03/03 PHP
老生常谈PHP 文件写入和读取(必看篇)
2017/05/22 PHP
一个符号插入器 中用到的js代码
2007/09/04 Javascript
js下关于onmouseout、事件冒泡的问题经验小结
2010/12/09 Javascript
关于hashchangebroker和statehashable的补充文档
2011/08/08 Javascript
jQuery实现类似滑动门切换效果的层切换
2013/09/23 Javascript
如何判断鼠标是否在DIV的区域内
2013/11/13 Javascript
javascript判断css3动画结束 css3动画结束的回调函数
2015/03/10 Javascript
基于javascript实现随机颜色变化效果
2016/01/14 Javascript
JavaScript 限制文本框不可输入英文单双引号的方法
2016/12/20 Javascript
js canvas实现放大镜查看图片功能
2017/06/08 Javascript
基于js 本地存储(详解)
2017/08/16 Javascript
Vue按需加载的具体实现
2017/12/02 Javascript
jQuery实现checkbox全选功能完整实例
2018/07/12 jQuery
手把手教你使用TypeScript开发Node.js应用
2019/05/06 Javascript
JS如何实现网站中PC端和手机端自动识别并跳转对应的代码
2020/01/08 Javascript
Python fileinput模块使用实例
2015/06/03 Python
Django自定义分页效果
2017/06/27 Python
Django视图和URL配置详解
2018/01/31 Python
python调用百度REST API实现语音识别
2018/08/30 Python
神经网络相关之基础概念的讲解
2018/12/29 Python
Python PyQt5整理介绍
2020/04/01 Python
Python实现小黑屋游戏的完整实例
2021/01/06 Python
CSS3实现翘边的阴影效果的代码示例
2016/06/13 HTML / CSS
潘多拉珠宝英国官方网上商店:PANDORA英国
2018/06/12 全球购物
意大利男装网店:Vrients
2019/05/02 全球购物
枚举与#define宏的区别
2014/04/30 面试题
Shell如何接收变量输入
2012/09/24 面试题
函授本科毕业生自我鉴定
2013/10/16 职场文书
秋季运动会加油稿200字
2014/01/11 职场文书
工厂实习感言
2014/01/14 职场文书
学校领导班子群众路线整改措施
2014/09/16 职场文书
井冈山红色之旅心得体会
2014/10/07 职场文书
爱晚亭导游词
2015/02/09 职场文书
离婚被告代理词
2015/05/23 职场文书
2016元旦晚会主持人开场白和结束语
2015/12/03 职场文书