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

使用Javascript和DOM Interfaces来处理HTML

Oct 09 Javascript

在浏览器窗口上添加遮罩层的方法

Nov 12 Javascript

javascript随机显示背景图片的方法

Jun 18 Javascript

javascript的BOM汇总

Jul 16 Javascript

原生js编写基于面向对象的分页组件

Dec 05 Javascript

layui表格实现代码

May 20 Javascript

js实现图片轮播效果学习笔记

Jul 26 Javascript

JS简单添加元素新节点的方法示例

Feb 10 Javascript

详解浏览器缓存和webpack缓存配置

Jul 06 Javascript

JavaScript函数式编程(Functional Programming)高阶函数(Higher order functions)用法分析

May 22 Javascript

微信小程序实现图片上传

May 23 Javascript

JavaScript类的继承多种实现方法

May 30 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