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

JS中剪贴板兼容性、判断复制成功或失败

Mar 09 Javascript

多浏览器支持的右下角浮动窗口

Apr 01 Javascript

如何在JavaScript中实现私有属性的写类方式(二)

Dec 04 Javascript

jQuery实现表格行上移下移和置顶的方法

May 22 Javascript

Bootstrap中的Panel和Table全面解析

Jun 13 Javascript

浅谈JS中的!=、== 、!==、===的用法和区别

Sep 24 Javascript

AngularJS入门教程之Helloworld示例

Dec 25 Javascript

js实现放大镜特效

May 18 Javascript

Angular Renderer (渲染器)的具体使用

May 03 Javascript

vue-cli创建的项目中的gitHooks原理解析

Feb 14 Javascript

浅谈vue项目,访问路径#号的问题

Aug 14 Javascript

js 函数性能比较方法

Aug 24 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 杂谈《重构-改善既有代码的设计》之四简化条件表达式

2012/04/09 PHP

2个Codeigniter文件批量上传控制器写法例子

2014/07/25 PHP

PHP生成短网址方法汇总

2016/07/12 PHP

ZendFramework框架实现连接两个或多个数据库的方法

2016/12/08 PHP

jquery的颜色选择插件实例代码

2008/10/02 Javascript

从零开始学习jQuery (三) 管理jQuery包装集

2011/02/23 Javascript

jQuery.parseJSON(json)将JSON字符串转换成js对象

2014/07/27 Javascript

js实现背景图片感应鼠标变化的方法

2015/02/28 Javascript

通过Jquery.cookie.js实现展示浏览网页的历史记录超管用

2015/10/23 Javascript

js实现年月日表单三级联动

2020/04/17 Javascript

十个免费的web前端开发工具详细整理

2017/09/18 Javascript

javaScript实现滚动条事件详解

2020/03/24 Javascript

JS和JQuery实现雪花飘落效果

2017/11/30 jQuery

使用react render props实现倒计时的示例代码

2018/12/06 Javascript

vue实现随机验证码功能的实例代码

2019/04/30 Javascript

iSlider手机端图片滑动切换插件使用详解

2019/12/24 Javascript

详解Python中列表和元祖的使用方法

2015/04/25 Python

深入浅析python继承问题

2016/05/29 Python

Python集合基本概念与相关操作实例分析

2019/10/30 Python

python 通过手机号识别出对应的微信性别(实例代码)

2019/12/22 Python

python GUI库图形界面开发之PyQt5信号与槽的高级使用技巧(自定义信号与槽)详解与实例

2020/03/06 Python

美国当红的名品折扣网：Gilt Groupe

2016/08/15 全球购物

韩国休闲女装品牌网站：ANAIS

2016/08/24 全球购物

戴森美国官网：Dyson美国

2016/09/11 全球购物

十岁生日家长答谢词

2014/01/17 职场文书

新学期开学寄语

2014/01/18 职场文书

电大会计学自我鉴定

2014/02/06 职场文书

军校大学生个人的自我评价

2014/02/17 职场文书

旅游管理毕业生自荐信范文

2014/03/19 职场文书

公司保密承诺书

2014/03/27 职场文书

体育活动总结范文

2014/05/04 职场文书

面试必备的求职信

2014/05/25 职场文书

五四青年节活动总结

2015/02/10 职场文书

写给孩子的新学期寄语

2015/02/27 职场文书

计划生育目标责任书

2015/05/09 职场文书

Python实现查询剪贴板自动匹配信息的思路详解

2021/07/09 Python