编程 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 相关文章推荐

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