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

jquery与google map api结合使用控件,监听器

Mar 04 Javascript

jquery+json实现的搜索加分页效果

Mar 31 Javascript

基于MooTools的很有创意的滚动条时钟动画

Nov 14 Javascript

基于jquery可配置循环左右滚动例子

Sep 09 Javascript

DIV+CSS+JS不间断横向滚动实现代码

Mar 19 Javascript

asp.net中System.Timers.Timer的使用方法

Mar 20 Javascript

Javascript中的几种URL编码方法比较

Jan 23 Javascript

微信小程序底部导航栏目开发资料

Dec 05 Javascript

微信小程序开发入门基础教程

Apr 19 Javascript

JavaScript反弹动画效果的实现代码

Jul 13 Javascript

Vue2.X 通过AJAX动态更新数据

Jul 17 Javascript

jQuery事件委托代码实践详解

Jun 21 jQuery

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 array_flip() 删除数组重复元素

2009/01/14 PHP

在MongoDB中模拟Auto Increment的php代码

2011/03/06 PHP

PHP计算一年多少个星期和每周的开始和结束日期

2014/07/01 PHP

在Ubuntu 14.04上部署 PHP 环境及 WordPress

2014/09/02 PHP

php中的ini配置原理详解

2014/10/14 PHP

CI(Codeigniter)的Setting增强配置类实例

2016/01/06 PHP

encode脚本和normal脚本混用的问题与解决方法

2007/03/08 Javascript

用JS提交参数创建form表单在FireFox中遇到的问题

2013/01/16 Javascript

Jquery加载时从后台读取数据绑定到dropdownList实例

2013/06/09 Javascript

JavaScript获取当前页面上的指定对象示例代码

2014/02/28 Javascript

jQuery使用CSS()方法给指定元素同时设置多个样式

2015/03/26 Javascript

jQuery获得子元素个数的方法

2015/04/14 Javascript

jQuery对table表格进行增删改查

2020/12/22 Javascript

详解用函数式编程对JavaScript进行断舍离

2017/09/18 Javascript

vue axios 二次封装的示例代码

2017/12/08 Javascript

vue-cli项目根据线上环境分别打出测试包和生产包

2018/05/23 Javascript

详解Vue Elementui中的Tag与页面其它元素相互交互的两三事

2018/09/25 Javascript

解决vue路由name同名,路由重复的问题

2020/08/05 Javascript

vue实现可移动的悬浮按钮

2021/03/04 Vue.js

Python使用urllib2模块实现断点续传下载的方法

2015/06/17 Python

Python出现segfault错误解决方法

2016/04/16 Python

Python实现将数据框数据写入mongodb及mysql数据库的方法

2018/04/02 Python

python一行sql太长折成多行并且有多个参数的方法

2018/07/19 Python

set在python里的含义和用法

2019/06/24 Python

python3实现raspberry pi（树莓派）4驱小车控制程序

2020/02/12 Python

使用python检查yaml配置文件是否符合要求

2020/04/09 Python

X/HTML5 和 XHTML2

2008/10/17 HTML / CSS

美国女性运动零售品牌：Lady Foot Locker

2017/05/12 全球购物

教师自我鉴定范文

2013/11/10 职场文书

学校办公室主任职责

2013/12/27 职场文书

班会关于环保演讲稿

2013/12/29 职场文书

班组长岗位职责范本

2014/01/05 职场文书

2014年预备党员端正入党动机思想汇报

2014/09/13 职场文书

师范生小学见习总结

2015/06/23 职场文书

迎新生晚会主持词

2015/06/30 职场文书

教你使用vscode 搭建react-native开发环境

2021/07/07 Javascript