编程 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

异步加载script的代码

Jan 12 Javascript

JS基础之undefined与null的区别分析

Aug 08 Javascript

解析使用js判断只能输入数字、字母等验证的方法(总结)

May 14 Javascript

JS实现关键字搜索时的相关下拉字段效果

Aug 05 Javascript

bootstrap datetimepicker日期插件超详细使用方法介绍

Feb 23 Javascript

Angular4 中常用的指令入门总结

Jun 12 Javascript

php register_shutdown_function函数详解

Jul 23 Javascript

微信小程序实现传参数的几种方法示例

Jan 10 Javascript

浅谈让你的代码更简短，更整洁，更易读的ES6小技巧

Oct 25 Javascript

vue-cli 2.*中导入公共less文件的方法步骤

Nov 22 Javascript

webpack的移动端适配方案小结

Jul 25 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中的登陆login

2007/01/18 PHP

PHP 读取和修改大文件的某行内容的代码

2009/10/30 PHP

PHP备份数据库生成SQL文件并下载的函数代码

2012/02/05 PHP

深入PHP数据加密详解

2013/06/18 PHP

PHP使用xmllint命令处理xml与html的方法

2014/12/15 PHP

thinkphp如何获取客户端IP

2015/11/03 PHP

详解PHP中foreach的用法和实例

2016/10/25 PHP

curl 出现错误的调试方法(必看)

2017/02/13 PHP

php swoft框架实例用法

2020/12/22 PHP

javascript cookie操作类的实现代码小结附使用方法

2010/06/02 Javascript

Jquery判断IE6等浏览器的代码

2011/04/05 Javascript

javascript 文本框水印/占位符(watermark/placeholder)实现方法

2012/01/15 Javascript

JS获取IP、MAC和主机名的五种方法

2013/11/14 Javascript

jqgrid 表格数据导出实例

2013/11/21 Javascript

js判断当页面无法回退时关闭网页否则就history.go(-1)

2014/08/07 Javascript

JavaScript实现动态添加，删除行的方法实例详解

2015/07/02 Javascript

javascript 闭包详解

2015/07/02 Javascript

如何解决谷歌浏览器下jquery无法获取图片的尺寸

2015/09/10 Javascript

微信小程序 Audio API详解及实例代码

2016/09/30 Javascript

BootStrap 可编辑表Table格

2016/11/24 Javascript

React中使用UMEditor的方法示例

2019/12/27 Javascript

详解Vue 单文件组件的三种写法

2020/02/19 Javascript

[01:09:20]NB vs NAVI Supermajor小组赛A组 BO3 第二场 6.2

2018/06/03 DOTA

[37:47]IG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19

2018/08/21 DOTA

Python实现一个简单的MySQL类

2015/01/07 Python

Python安装模块的常见问题及解决方法

2018/02/05 Python

基于python批量处理dat文件及科学计算方法详解

2018/05/08 Python

Python 利用pydub库操作音频文件的方法

2019/01/09 Python

Python 使用 PyMysql、DBUtils 创建连接池提升性能

2019/08/14 Python

手动安装python3.6的操作过程详解

2020/01/13 Python

利用CSS3实现开门效果实例源码

2016/08/22 HTML / CSS

房屋改造计划书

2014/01/10 职场文书

2014年服务员工作总结

2014/11/18 职场文书

优秀学生干部事迹材料

2014/12/24 职场文书

学风建设主题班会

2015/08/17 职场文书

Python如何把不同类型数据的json序列化

2021/04/30 Python