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

utf8的编码算法转载

Dec 27 Javascript

JS 面向对象的5钟写法

Jul 31 Javascript

jQuery 使用手册(四)

Sep 23 Javascript

javascript获取选中的文本的方法代码

Oct 30 Javascript

JS获取html对象的几种方式介绍

Dec 05 Javascript

JQuery的Ajax请求实现局部刷新的简单实例

Feb 11 Javascript

深入探密Javascript数组方法

Jan 08 Javascript

jQuery1.9+中删除了live以后的替代方法

Jun 17 Javascript

基于LayUI实现前端分页功能的方法

Jul 22 Javascript

原生javascript实现连连看游戏

Jan 03 Javascript

vue请求本地自己编写的json文件的方法

Apr 25 Javascript

vue element-ul实现展开和收起功能的实例代码

Nov 25 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

Yii使用技巧大汇总

2015/12/29 PHP

phpstudy的php版本自由修改的方法

2017/10/18 PHP

Laravel5.1框架路由分组用法实例分析

2020/01/04 PHP

JavaScript与C# Windows应用程序交互方法

2007/06/29 Javascript

用按钮控制iframe显示的网页实现方法

2013/02/04 Javascript

Ajax异步提交表单数据的说明及方法实例

2013/06/22 Javascript

js实现简单锁屏功能实例

2015/05/27 Javascript

JavaScript中Object.prototype.toString方法的原理

2016/02/24 Javascript

JavaScript入门系列之知识点总结

2016/03/24 Javascript

原生js和css实现图片轮播效果

2017/02/07 Javascript

在Vue组件中获取全局的点击事件方法

2018/09/06 Javascript

小程序如何支持使用 async/await详解

2019/09/12 Javascript

Vue.js标签页组件使用方法详解

2019/10/19 Javascript

不刷新网页就能链接新的js文件方法总结

2020/03/01 Javascript

浅谈使用nodejs搭建web服务器的过程

2020/07/20 NodeJs

原生js滑动轮播封装

2020/07/31 Javascript

python实现读取excel写入mysql的小工具详解

2017/11/20 Python

python爬取淘宝商品详情页数据

2018/02/23 Python

Python输入二维数组方法

2018/04/13 Python

在keras中实现查看其训练loss值

2020/06/16 Python

详解Python中第三方库Faker

2020/09/25 Python

selenium+python实现基本自动化测试的示例代码

2021/01/27 Python

俄罗斯香水和化妆品购物网站：Л’Этуаль

2018/05/10 全球购物

世界汽车零件：World Car Parts

2019/09/04 全球购物

总经理工作职责范文

2014/03/14 职场文书

执法作风整顿剖析材料

2014/10/11 职场文书

2015年事业单位工作总结

2015/04/27 职场文书

西游记读书笔记

2015/06/25 职场文书

班主任班级管理心得体会

2016/01/07 职场文书

2016年村干部公开承诺书（公开承诺事项）

2016/03/25 职场文书

小学生优秀作文范文（六篇）

2019/07/10 职场文书

创业计划书之外语培训班

2019/11/02 职场文书

2021-4-3课程——SQL Server查询【2】

2021/04/05 SQL Server

html5实现点击弹出图片功能

2021/07/16 HTML / CSS

解决Python保存文件名太长OSError: [Errno 36] File name too long

2022/05/11 Python

Elasticsearch6.2服务器升配后的bug(避坑指南)

2022/09/23 Servers