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

用window.location.href实现刷新另个框架页面

Mar 07 Javascript

syntaxhighlighter 使用方法

Jul 02 Javascript

半角全角相互转换的js函数

Oct 16 Javascript

jQuery学习4 浏览器的事件模型

Feb 07 Javascript

javascript学习笔记(十七) 检测浏览器插件代码

Jun 20 Javascript

Javascript在IE和FireFox中的不同表现简析

Dec 03 Javascript

jQuery中读取json文件示例代码

May 10 Javascript

详解JavaScript UTC时间转换方法

Jan 07 Javascript

D3.js实现散点图和气泡图的方法详解

Sep 21 Javascript

AngularJS入门教程之表单校验用法示例

Nov 02 Javascript

8 行 Node.js 代码实现代理服务器

Dec 05 Javascript

面试常见的js算法题

Mar 23 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中大于2038年时间戳的问题处理方案

2015/03/03 PHP

老生常谈PHP 文件写入和读取(必看篇)

2017/05/22 PHP

一个符号插入器中用到的js代码

2007/09/04 Javascript

js下关于onmouseout、事件冒泡的问题经验小结

2010/12/09 Javascript

关于hashchangebroker和statehashable的补充文档

2011/08/08 Javascript

jQuery实现类似滑动门切换效果的层切换

2013/09/23 Javascript

如何判断鼠标是否在DIV的区域内

2013/11/13 Javascript

javascript判断css3动画结束 css3动画结束的回调函数

2015/03/10 Javascript

基于javascript实现随机颜色变化效果

2016/01/14 Javascript

JavaScript 限制文本框不可输入英文单双引号的方法

2016/12/20 Javascript

js canvas实现放大镜查看图片功能

2017/06/08 Javascript

基于js 本地存储(详解)

2017/08/16 Javascript

Vue按需加载的具体实现

2017/12/02 Javascript

jQuery实现checkbox全选功能完整实例

2018/07/12 jQuery

手把手教你使用TypeScript开发Node.js应用

2019/05/06 Javascript

JS如何实现网站中PC端和手机端自动识别并跳转对应的代码

2020/01/08 Javascript

Python fileinput模块使用实例

2015/06/03 Python

Django自定义分页效果

2017/06/27 Python

Django视图和URL配置详解

2018/01/31 Python

python调用百度REST API实现语音识别

2018/08/30 Python

神经网络相关之基础概念的讲解

2018/12/29 Python

Python PyQt5整理介绍

2020/04/01 Python

Python实现小黑屋游戏的完整实例

2021/01/06 Python

CSS3实现翘边的阴影效果的代码示例

2016/06/13 HTML / CSS

潘多拉珠宝英国官方网上商店：PANDORA英国

2018/06/12 全球购物

意大利男装网店：Vrients

2019/05/02 全球购物

枚举与#define宏的区别

2014/04/30 面试题

Shell如何接收变量输入

2012/09/24 面试题

函授本科毕业生自我鉴定

2013/10/16 职场文书

秋季运动会加油稿200字

2014/01/11 职场文书

工厂实习感言

2014/01/14 职场文书

学校领导班子群众路线整改措施

2014/09/16 职场文书

井冈山红色之旅心得体会

2014/10/07 职场文书

爱晚亭导游词

2015/02/09 职场文书

离婚被告代理词

2015/05/23 职场文书

2016元旦晚会主持人开场白和结束语

2015/12/03 职场文书