编程 Javascript

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

Posted in Javascript onJune 26, 2019

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

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

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

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

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

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

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

总结

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

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

- Author -

mrr

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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