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

xmlHTTP实例

Oct 24 Javascript

EXT中xtype的含义分析

Jan 07 Javascript

jquery 打开窗口返回值实现代码

Mar 04 Javascript

基于jquery的点击链接插入链接内容的代码

Jul 31 Javascript

AngularJS基础 ng-cut 指令介绍及简单示例

Aug 01 Javascript

JS比较两个数值的大小实例

Nov 25 Javascript

JS简单封装的图片无缝滚动效果示例【测试可用】

Mar 22 Javascript

用js将long型数据转换成date型或datetime型的实例

Jul 03 Javascript

对于input 框限定输入值为浮点型的js代码

Sep 25 Javascript

Angular实现的进度条功能示例

Feb 18 Javascript

微信小程序整个页面的自动适应布局的实现

Jul 12 Javascript

vue动态加载SVG文件并修改节点数据的操作代码

Aug 17 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使用指定字符列表生成随机字符串的方法

2015/04/18 PHP

yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法

2016/04/20 PHP

javascript中全局对象的parseInt()方法使用介绍

2013/12/19 Javascript

js数组方法扩展实现数组统计函数

2014/04/09 Javascript

浅析基于WEB前端页面的页面内容搜索的实现思路

2014/06/10 Javascript

JS是按值传递还是按引用传递

2015/01/30 Javascript

JavaScript返回网页中超链接数量的方法

2015/04/03 Javascript

比例尺、缩略图、平移缩放之百度地图添加控件方法

2015/08/03 Javascript

JavaScript实现网页加载进度条代码超简单

2015/09/21 Javascript

使用bootstrap3开发响应式网站

2016/05/12 Javascript

JavaScript实现简单的日历效果

2016/09/25 Javascript

原生JS简单实现ajax的方法示例

2016/11/29 Javascript

javascript读取文本节点方法小结

2016/12/15 Javascript

详解react如何在组件中获取路由参数

2017/06/15 Javascript

基于JS实现仿京东搜索栏随滑动透明度渐变效果

2017/07/10 Javascript

Vue.js项目部署到服务器的详细步骤

2017/07/17 Javascript

jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例

2018/05/09 jQuery

JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析

2018/08/25 Javascript

使用 Element UI Table 的 slot-scope方法

2019/10/10 Javascript

Vue数字输入框组件使用方法详解

2020/02/10 Javascript

小程序富文本提取图片可放大缩小

2020/05/26 Javascript

[02:44]DOTA2英雄基础教程钢背兽

2013/12/19 DOTA

[01:18:43]2014 DOTA2华西杯精英邀请赛5 24 iG VS DK

2014/05/25 DOTA

利用Psyco提升Python运行速度

2014/12/24 Python

python使用os.listdir和os.walk获得文件的路径的方法

2017/12/16 Python

Python cookbook(字符串与文本)针对任意多的分隔符拆分字符串操作示例

2018/04/19 Python

selenium在执行phantomjs的API并获取执行结果的方法

2018/12/17 Python

10分钟教你用python动画演示深度优先算法搜寻逃出迷宫的路径

2019/08/12 Python

一套中级Java程序员笔试题

2015/01/14 面试题

文明礼仪伴我行演讲稿

2014/05/12 职场文书

服装仓管员岗位职责

2014/06/17 职场文书

物业保安岗位职责

2014/07/02 职场文书

县委班子四风对照检查材料思想汇报

2014/09/29 职场文书

大学军训的体会

2014/11/08 职场文书

付款证明格式范文

2015/06/19 职场文书

《角的初步认识》教学反思

2016/02/17 职场文书