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

两个select多选模式的选项相互移动(示例代码)

Jan 11 Javascript

jquery删除指定子元素代码实例

Jan 13 Javascript

Jquery中CSS选择器用法分析

Feb 10 Javascript

学习JavaScript设计模式(代理模式)

Dec 03 Javascript

对js中回调函数的一些看法

Aug 29 Javascript

jQuery常用样式操作实例分析(获取、设置、追加、删除、判断等)

Sep 08 Javascript

原生JS上传大文件显示进度条 php上传文件代码

Mar 27 Javascript

细说webpack源码之compile流程-rules参数处理技巧(2)

Dec 26 Javascript

webpack external模块的具体使用

Mar 10 Javascript

微信小程序左滑动显示菜单功能的实现

Jun 14 Javascript

vuex页面刷新后数据丢失的方法

Jan 17 Javascript

node创建Vue项目步骤详解

Mar 06 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实现图片裁剪、添加水印效果代码

2014/10/01 PHP

php获取网页里所有图片并存入数组的方法

2015/04/06 PHP

PHP云打印类完整示例

2016/10/15 PHP

PHP笛卡尔积实现原理及代码实例

2020/12/09 PHP

索趣科技的答案

2007/02/07 Javascript

Javascript 事件流和事件绑定

2009/07/16 Javascript

javascript tips提示框组件实现代码

2010/11/19 Javascript

js修改table中Td的值(定义td的双击事件)

2013/01/10 Javascript

js单例模式的两种方案

2013/10/22 Javascript

js中生成map对象的方法

2014/01/09 Javascript

javascript实现十六进制颜色值（HEX）和RGB格式相互转换

2014/06/20 Javascript

jQuery使用height()获取高度需要注意的地方

2014/12/13 Javascript

jQuery unbind()方法实例详解

2016/01/19 Javascript

AngularJS基础 ng-init 指令简单示例

2016/08/02 Javascript

JavaScript基础——使用Canvas绘图

2016/11/02 Javascript

JS数组排序方法实例分析

2016/12/16 Javascript

jQuery实现动态文字搜索功能

2017/01/05 Javascript

JavaScript 数组去重并统计重复元素出现的次数实例

2017/12/14 Javascript

js实现鼠标单击Tab表单切换效果

2018/05/16 Javascript

利用Decorator如何控制Koa路由详解

2018/06/26 Javascript

vue仿ios列表左划删除

2019/09/26 Javascript

jquery 时间戳转日期过程详解

2019/10/12 jQuery

如何基于JavaScript判断图片是否加载完成

2019/12/28 Javascript

javascript设计模式 ? 适配器模式原理与应用实例分析

2020/04/13 Javascript

jQuery开发仿QQ版音乐播放器

2020/07/10 jQuery

[52:03]DOTA2-DPC中国联赛正赛 Ehome vs iG BO3 第三场 1月31日

2021/03/11 DOTA

python 装饰器功能以及函数参数使用介绍

2012/01/27 Python

Python倒排索引之查找包含某主题或单词的文件

2019/11/13 Python

HTML5+Canvas+CSS3实现齐天大圣孙悟空腾云驾雾效果

2016/04/26 HTML / CSS

捷克家居装饰及图书音像购物网站：Velký košík

2018/04/16 全球购物

香港交友网站：be2香港

2018/07/22 全球购物

积极贯彻学习两会精神总结

2014/03/17 职场文书

先进员工事迹材料

2014/12/20 职场文书

会计求职简历自我评价

2015/03/10 职场文书

2016春季田径运动会广播稿

2015/12/21 职场文书

html5 录制mp3音频支持采样率和比特率设置

2021/07/15 Javascript