编程 Javascript

解决vue build打包之后首页白屏的问题

Posted in Javascript onMarch 06, 2018

1、问题描述

本地的vue项目在server端浏览没问题，但是执行npm run build 打包之后在本地预览是白屏。有很多js,css无法加载。

2、解决方法

在config文件夹中找到index.js打开把assetsPublicPath: '/'改成下图方框中的样子。

解决vue build打包之后首页白屏的问题

再次执行 npm run build 就可以了。

以上这篇解决vue build打包之后首页白屏的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

解决vue build打包之后首页白屏的问题

- Author -

攻城狮Lee丶

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点

Dec 27 Javascript

JavaScript自动设置IFrame高度的小例子

Jun 08 Javascript

javascript实现文字图片上下滚动的具体实例

Jun 28 Javascript

文档对象模型DOM通俗讲解

Nov 01 Javascript

node.js入门实例helloworld详解

Dec 23 Javascript

通过jsonp获取json数据实现AJAX跨域请求

Jan 22 Javascript

详解Vue中一种简易路由传参办法

Sep 15 Javascript

在vue-cli的组件模板里使用font-awesome的两种方法

Sep 28 Javascript

简单了解vue中父子组件如何相互传递值（基础向）

Jul 12 Javascript

Layui tree 下拉菜单树的实例代码

Sep 21 Javascript

Javascript中async与await的捕捉错误详解

Mar 03 Javascript

AJAX引擎原理以及XmlHttpRequest对象的axios、fetch区别详解

Apr 09 Javascript

vue2.0 路由不显示router-view的解决方法

Mar 06 #Javascript

解决vue-router进行build无法正常显示路由页面的问题

Mar 06 #Javascript

解决vue打包项目后刷新404的问题

Mar 06 #Javascript

写一个移动端惯性滑动&回弹Vue导航栏组件 ly-tab

Mar 06 #Javascript

vue使用xe-utils函数库的具体方法

Mar 06 #Javascript

jQuery+koa2实现简单的Ajax请求的示例

Mar 06 #jQuery

angular4 JavaScript内存溢出问题

Mar 06 #Javascript

You might like

用PHP创建PDF中文文档

2006/10/09 PHP

PHP编写daemon process详解及实例代码

2016/09/30 PHP

PHP数组的定义、初始化和数组元素的显示实现代码

2016/11/05 PHP

取选中的radio的值

2010/01/11 Javascript

JavaScript 实现简单的倒计时弹窗DEMO附图

2014/03/05 Javascript

详谈jQuery操纵DOM元素属性 attr()和removeAtrr()方法

2015/01/22 Javascript

Javascript中的arguments与重载介绍

2015/03/15 Javascript

AngularJS进行性能调优的7个建议

2015/12/28 Javascript

jQuery模拟360浏览器切屏效果幻灯片(附demo源码下载)

2016/01/29 Javascript

JS中使用变量保存arguments对象的方法

2016/06/03 Javascript

详解在Vue中通过自定义指令获取dom元素

2017/03/04 Javascript

JS实现弹出下载对话框及常见文件类型的下载

2017/07/13 Javascript

关于Vue在ie10下空白页的debug小结

2018/05/02 Javascript

Javascript读写cookie的实例源码

2019/03/16 Javascript

no-vnc和node.js实现web远程桌面的完整步骤

2019/08/11 Javascript

微信小程序页面滚动到指定位置代码实例

2019/09/07 Javascript

详解JavaScript执行模型

2020/11/16 Javascript

详解Vue3 Teleport 的实践及原理

2020/12/02 Vue.js

在Django的URLconf中进行函数导入的方法

2015/07/18 Python

举例讲解Python面相对象编程中对象的属性与类的方法

2016/01/19 Python

python opencv实现运动检测

2018/07/10 Python

pyenv虚拟环境管理python多版本和软件库的方法

2019/12/26 Python

pytorch中tensor.expand()和tensor.expand_as()函数详解

2019/12/27 Python

使用jupyter notebook将文件保存为Markdown,HTML等文件格式

2020/04/14 Python

TensorFlow keras卷积神经网络添加L2正则化方式

2020/05/22 Python

CSS3 制作旋转的大风车(充满童年回忆)

2013/01/30 HTML / CSS

美国高街时尚品牌：OASAP

2016/07/24 全球购物

生物有机护肤品：Aurelia Probiotic Skincare

2018/01/31 全球购物

实习自我鉴定范文

2013/10/30 职场文书

海飞丝的广告词

2014/03/20 职场文书

庆元旦文艺演出主持词

2014/03/27 职场文书

公司踏青活动方案

2014/08/16 职场文书

介绍信样本

2015/01/31 职场文书

终止合同协议书范本

2016/03/22 职场文书

90行Python代码开发个人云盘应用

2021/04/20 Python

带你了解Java中的ForkJoin

2022/04/28 Java/Android