解决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打包之后首页白屏的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js控制CSS样式属性语法对照表
Dec 11 Javascript
javascript中的undefined和not defined区别示例介绍
Feb 26 Javascript
js判断浏览器类型为ie6时不执行
Jun 15 Javascript
BootStrap下jQuery自动完成的样式调整
May 30 Javascript
微信小程序购物商城系统开发系列-目录结构介绍
Nov 21 Javascript
ES6中Proxy与Reflect实现重载(overload)的方法
Mar 30 Javascript
jQuery实现IE输入框完成placeholder标签功能的方法
Sep 20 jQuery
JavaScript实现的DOM绘制柱状图效果示例
Aug 08 Javascript
webpack之引入图片的实现及问题
Oct 08 Javascript
详解VUE单页应用骨架屏方案
Jan 17 Javascript
基于Vue实现的多条件筛选功能的详解(类似京东和淘宝功能)
May 07 Javascript
JavaScript使用canvas绘制坐标和线
Apr 28 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
苏联队长,苏联超人蝙蝠侠,这些登场的“山寨”英雄真的很严肃
2020/04/09 欧美动漫
JAVA/JSP学习系列之七
2006/10/09 PHP
GBK的页面输出JSON格式的php函数
2010/02/16 PHP
使用JSON实现数据的跨域传输的php代码
2011/12/20 PHP
探讨如何使用SimpleXML函数来加载和解析XML文档
2013/06/07 PHP
php的慢速日志引起的Mysql错误问题分析
2014/05/13 PHP
phpmailer绑定邮箱的实现方法
2016/12/01 PHP
php操作mongodb封装类与用法实例
2018/09/01 PHP
jquery中ajax学习笔记4
2011/10/16 Javascript
php实例分享之实现显示网站运行时间
2014/05/20 Javascript
js实现网页标题栏闪烁提示效果实例分析
2014/11/20 Javascript
jQuery不兼容input的change事件问题解决过程
2014/12/05 Javascript
jQuery和AngularJS的区别浅析
2015/01/29 Javascript
js的window.showModalDialog及window.open用法实例分析
2015/01/29 Javascript
jquery移动点击的项目到列表最顶端的方法
2015/06/24 Javascript
javascript实现下班倒计时效果的方法(可桌面通知)
2015/07/10 Javascript
js 获取本地文件及目录的方法(推荐)
2016/11/10 Javascript
利用JS判断字符串是否含有数字与特殊字符的方法小结
2016/11/25 Javascript
Angularjs单选改为多选的开发过程及问题解析
2017/02/17 Javascript
nodejs个人博客开发第六步 数据分页
2017/04/12 NodeJs
bootstrap表单示例代码分享
2017/05/18 Javascript
Vue修改mint-ui默认样式的方法
2018/02/03 Javascript
详解vue中router-link标签所必备了解的属性
2019/04/15 Javascript
基于JS实现前端压缩上传图片的实例代码
2019/05/14 Javascript
基于element-ui对话框el-dialog初始化的校验问题解决
2020/09/11 Javascript
Python实现在线程里运行scrapy的方法
2015/04/07 Python
Windows中安装使用Virtualenv来创建独立Python环境
2016/05/31 Python
Python中的descriptor描述器简明使用指南
2016/06/02 Python
Python中实现switch功能实例解析
2018/01/11 Python
python实现本地图片转存并重命名的示例代码
2018/10/27 Python
tensorflow保持每次训练结果一致的简单实现
2020/02/17 Python
Python实现常见的几种加密算法(MD5,SHA-1,HMAC,DES/AES,RSA和ECC)
2020/05/09 Python
C#中有没有静态构造函数,如果有是做什么用的?
2016/06/04 面试题
青年文明号创建承诺
2014/03/31 职场文书
低碳生活的宣传标语
2014/06/23 职场文书
毕业生就业推荐表导师评语
2014/12/31 职场文书