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 相关文章推荐
getElementById在任意一款浏览器中都可以用吗的疑问回复
May 13 Javascript
javascript打印输出json实例
Nov 11 Javascript
js使用数组判断提交数据是否存在相同数据
Nov 27 Javascript
表格奇偶行设置不同颜色的核心JS代码
Dec 24 Javascript
js导出txt示例代码
Jan 14 Javascript
javascript实现平滑无缝滚动
Aug 09 Javascript
AngularJS中$watch和$timeout的使用示例
Sep 20 Javascript
AngularJS中directive指令使用之事件绑定与指令交互用法示例
Nov 22 Javascript
js中值引用和地址引用实例分析
Jun 21 Javascript
JS数组方法join()用法实例分析
Jan 18 Javascript
如何在JavaScript中使用localStorage详情
Feb 04 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中数组合并的两种方法及区别介绍
2012/09/14 PHP
深入PHP获取随机数字和字母的方法详解
2013/06/06 PHP
php随机取mysql记录方法小结
2014/12/27 PHP
laravel 5.4中实现无限级分类的方法示例
2017/07/27 PHP
PHP对称加密算法(DES/AES)类的实现代码
2017/11/14 PHP
Thinkphp 5.0实现微信企业付款到零钱
2018/09/30 PHP
php微信公众号开发之翻页查询
2018/10/20 PHP
javascript 对表格的行和列都能加亮显示
2008/12/26 Javascript
jQuery 获取对象 基本选择与层级
2010/05/31 Javascript
js对象的构造和继承实现代码
2010/12/05 Javascript
javascript中关于break,continue的特殊用法与介绍
2012/05/24 Javascript
关于jQuery UI 使用心得及技巧
2012/10/10 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
2014/01/31 Javascript
基于jquery的手风琴图片展示效果实现方法
2014/12/16 Javascript
fastclick插件导致日期(input[type="date"])控件无法被触发该如何解决
2015/11/09 Javascript
AngularJS中如何使用$parse或$eval在运行时对Scope变量赋值
2016/01/25 Javascript
使用JavaScript为Kindeditor自定义按钮增加Audio标签
2016/03/18 Javascript
利用Angularjs实现幻灯片效果
2016/09/07 Javascript
js阻止移动端页面滚动的两种方法
2017/01/25 Javascript
数组Array的一些方法(总结)
2017/02/17 Javascript
gulp教程_从入门到项目中快速上手使用方法
2017/09/14 Javascript
python僵尸进程产生的原因
2017/07/21 Python
python测试mysql写入性能完整实例
2018/01/18 Python
python调用系统ffmpeg实现视频截图、http发送
2018/03/06 Python
将TensorFlow的模型网络导出为单个文件的方法
2018/04/23 Python
Python装饰器用法实例总结
2018/05/26 Python
python网络应用开发知识点浅析
2019/05/28 Python
英国知名奢侈品包包品牌:Milli Millu
2016/12/22 全球购物
销售演讲稿范文
2014/01/08 职场文书
协议书样本
2014/04/23 职场文书
维稳承诺书
2015/01/20 职场文书
房地产项目合作意向书
2015/05/08 职场文书
2016廉洁从政心得体会
2016/01/19 职场文书
《葡萄沟》教学反思
2016/02/23 职场文书
Oracle以逗号分隔的字符串拆分为多行数据实例详解
2021/07/16 Oracle
Nginx配置使用详解
2022/07/07 Servers