编程 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 学习笔记（二） Ext.Element类

Oct 13 Javascript

js 父窗口控制子窗口的行为-打开，关闭，重定位，回复

Apr 20 Javascript

jQuery实现获取table表格第一列值的方法

Mar 01 Javascript

js仿淘宝和百度文库的评分功能

May 15 Javascript

详解vue2.0 使用动态组件实现 Tab 标签页切换效果（vue-cli）

Aug 30 Javascript

浅谈Webpack打包优化技巧

Jun 12 Javascript

vue 设置路由的登录权限的方法

Jul 03 Javascript

JS封装的模仿qq右下角消息弹窗功能示例

Aug 22 Javascript

使用vuex解决刷新页面state数据消失的问题记录

May 08 Javascript

优雅的使用javascript递归画一棵结构树示例代码

Sep 22 Javascript

JS实现动态星空背景效果

Nov 01 Javascript

JS面向对象编程基础篇（二）封装操作实例详解

Mar 03 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