编程 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可见性过滤选择器使用示例

Jun 24 Javascript

JS实现随机数生成算法示例代码

Aug 08 Javascript

JS实现网页表格自动变大缩小的方法

Mar 09 Javascript

JavaScript中的数据类型转换方法小结

Oct 26 Javascript

js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)

Mar 09 Javascript

React Native预设占位placeholder的使用

Sep 28 Javascript

node跨域转发 express+http-proxy-middleware的使用

May 31 Javascript

JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】

Dec 19 Javascript

vue Cli 环境删除与重装教程 - 版本文档

Sep 11 Javascript

Vue2.0 ES6语法降级ES5的操作

Oct 30 Javascript

javascript实现移动端轮播图

Dec 09 Javascript

vue2实现provide inject传递响应式

May 21 Vue.js

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

destoon各类调用汇总

2014/06/20 PHP

smarty模板引擎从配置文件中获取数据的方法

2015/01/22 PHP

php创建多级目录的方法

2015/03/24 PHP

WordPress开发中的get_post_custom()函数使用解析

2016/01/04 PHP

PHP使用函数用法详解

2018/09/30 PHP

微信支付之JSAPI公众号支付详解

2019/05/15 PHP

Jquery+ajax请求data显示在GridView上(asp.net)

2010/08/27 Javascript

jQuery操作select的实例代码

2012/06/14 Javascript

JavaScript实现彩虹文字效果的方法

2015/04/16 Javascript

BootStrap Table 分页后重新搜索问题的解决办法

2016/08/08 Javascript

用AngularJS来实现监察表单按钮的禁用效果

2016/11/02 Javascript

js实现悬浮窗效果(支持拖动)

2017/03/09 Javascript

基于jQuery和CSS3实现APPLE TV海报视差效果

2017/06/16 jQuery

Node.js之readline模块的使用详解

2019/03/25 Javascript

Vue路由前后端设计总结

2019/08/06 Javascript

jQuery实现获取多选框的值示例

2020/02/07 jQuery

vue select 获取value和lable操作

2020/08/28 Javascript

python实现代理服务功能实例

2013/11/15 Python

Python兔子毒药问题实例分析

2015/03/05 Python

python合并已经存在的sheet数据到新sheet的方法

2018/12/11 Python

python多继承(钻石继承)问题和解决方法简单示例

2019/10/21 Python

Python脚本去除文件的只读性操作

2020/03/05 Python

python的json包位置及用法总结

2020/06/21 Python

css3 条纹化和透明化表格Firefox下测试成功

2014/04/15 HTML / CSS

英国航空官网：British Airways

2016/09/11 全球购物

如何向接受结构参数的函数传入常数值

2016/02/17 面试题

大学毕业生通用自荐信范文

2013/10/31 职场文书

商业活动邀请函

2014/02/04 职场文书

交警个人先进事迹材料

2014/05/11 职场文书

大学生应聘求职信

2014/05/26 职场文书

2014年客户经理工作总结

2014/11/20 职场文书

2014年人大工作总结

2014/12/10 职场文书

2015年重阳节活动总结

2015/03/24 职场文书

2016年秋季运动会通讯稿

2015/11/25 职场文书

礼仪培训心得体会

2016/01/22 职场文书

理解深度学习之深度学习简介

2021/04/14 Python