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 相关文章推荐
Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法
Jan 27 Javascript
js调用webservice中的方法实现思路及代码
Feb 25 Javascript
js中如何把字符串转化为对象、数组示例代码
Jul 17 Javascript
利用window.name实现windowStorage代码分享
Jan 02 Javascript
IE与FF下javascript获取网页及窗口大小的区别详解
Jan 14 Javascript
table行随鼠标移动变色示例
May 07 Javascript
纯javascript实现自动发送邮件
Oct 21 Javascript
jQuery实现移动端滑块拖动选择数字效果
Dec 24 Javascript
H5图片压缩与上传实例
Apr 21 Javascript
vue路由导航守卫和请求拦截以及基于node的token认证的方法
Apr 07 Javascript
Vue组件之高德地图地址选择功能的实例代码
Jun 21 Javascript
vue实现简易音乐播放器
Aug 14 Vue.js
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根据ip查询所在地区(非常有用,赶集网就用到)
2013/07/01 PHP
php中session过期时间设置及session回收机制介绍
2014/05/05 PHP
PHP实现上传多文件示例代码
2017/02/20 PHP
IE Firefox 使用自定义标签的区别
2009/10/15 Javascript
基于JQuery模仿苹果桌面的Dock效果(初级版)
2012/10/15 Javascript
json原理分析及实例介绍
2012/11/29 Javascript
JS localStorage实现本地缓存的方法
2013/06/22 Javascript
使用forever管理nodejs应用教程
2014/06/03 NodeJs
分享一则javascript 调试技巧
2015/01/02 Javascript
解决JS请求服务器gbk文件乱码的问题
2015/10/16 Javascript
jQuery 判断是否包含在数组中Array[]的方法
2016/08/03 Javascript
AnjularJS中$scope和$rootScope的区别小结
2016/09/18 Javascript
webpack常用配置项配置文件介绍
2016/11/07 Javascript
js实现一个猜数字游戏
2017/03/31 Javascript
很棒的vue弹窗组件
2017/05/24 Javascript
Vue 2.0学习笔记之Vue中的computed属性
2017/10/16 Javascript
vue draggable resizable 实现可拖拽缩放的组件功能
2019/07/15 Javascript
Vue element-ui父组件控制子组件的表单校验操作
2020/07/17 Javascript
python实现代理服务功能实例
2013/11/15 Python
Python实现拷贝多个文件到同一目录的方法
2016/09/19 Python
基于python的图片修复程序(实现水印去除)
2018/06/04 Python
Django 自动生成api接口文档教程
2019/11/19 Python
python MD5加密的示例
2020/10/19 Python
纯CSS实现设置半个字符的样式
2014/07/03 HTML / CSS
HTML5拖拽文件上传的示例代码
2021/03/04 HTML / CSS
美国眼镜网站:EyeBuyDirect
2017/04/13 全球购物
Electrolux伊莱克斯巴西商店:家用电器、小家电和配件
2018/05/23 全球购物
Funko官方商店:源自美国,畅销全球搪胶收藏玩偶
2018/09/15 全球购物
施华洛世奇中国官网:SWAROVSKI中国
2020/06/16 全球购物
市政施工员自我鉴定
2014/01/15 职场文书
2014年小学植树节活动方案
2014/03/02 职场文书
工业设计毕业生自荐信
2014/04/13 职场文书
小学校长汇报材料
2014/08/20 职场文书
2014年工商所工作总结
2014/12/09 职场文书
信息技术教研组工作总结
2015/08/13 职场文书
Python基本数据类型之字符串str
2021/07/21 Python