解决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 相关文章推荐
动态生成的DOM不会触发onclick事件的原因及解决方法
Aug 06 Javascript
对Angular.js Controller如何进行单元测试
Oct 25 Javascript
JS制作适用于手机和电脑的通知信息效果
Oct 28 Javascript
jQuery Ztree行政地区树状展示(点击加载)
Nov 09 Javascript
jQuery基于ajax实现页面加载后检查用户登录状态的方法
Feb 10 Javascript
从零学习node.js之文件操作(三)
Feb 21 Javascript
Vue制作Todo List网页
Apr 26 Javascript
vue项目优化之通过keep-alive数据缓存的方法
Dec 11 Javascript
jQuery轻量级表单模型验证插件
Oct 15 jQuery
vue cli安装使用less的教程详解
Jul 12 Javascript
layui数据表格重载实现往后台传参
Nov 15 Javascript
vue router-link 默认a标签去除下划线的实现
Nov 06 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
用DBSQL类加快开发MySQL数据库程序的速度
2006/10/09 PHP
基于php验证码函数的使用示例
2013/05/03 PHP
PHP文件上传判断file是否己选择上传文件的方法
2014/11/10 PHP
Yii中实现处理前后台登录的新方法
2015/12/28 PHP
PHP Web表单生成器案例分析
2020/06/02 PHP
JavaScript iframe的相互操作浅析
2009/10/14 Javascript
Javascript 面向对象特性
2009/12/28 Javascript
JQUERY设置IFRAME的SRC值的代码
2010/11/30 Javascript
THREE.JS入门教程(4)创建粒子系统
2013/01/24 Javascript
js 获取radio按钮值的实例
2013/08/17 Javascript
js判断字符长度及中英文数字等
2014/03/19 Javascript
JavaScript实现找出字符串中第一个不重复的字符
2014/09/03 Javascript
Jquery实现纵向横向菜单
2016/01/24 Javascript
JS正则表达式比较常见用法
2016/01/26 Javascript
JS实现列表页面隔行变色效果
2017/03/25 Javascript
jQuery遍历节点方法汇总(推荐)
2017/05/13 jQuery
node.js+captchapng+jsonwebtoken实现登录验证示例
2017/08/17 Javascript
vue中阻止click事件冒泡,防止触发另一个事件的方法
2018/02/08 Javascript
详解vue中点击空白处隐藏div的实现(用指令实现)
2018/04/19 Javascript
微信小程序内拖动图片实现移动、放大、旋转的方法
2018/09/04 Javascript
JS实现倒计时图文效果
2018/11/17 Javascript
解决antd datepicker 获取时间默认少8个小时的问题
2020/10/29 Javascript
[02:44]重置世界,颠覆未来——DOTA2 7.23版本震撼上线
2019/12/01 DOTA
Python实现的tab文件操作类分享
2014/11/20 Python
详细解析Python中__init__()方法的高级应用
2015/05/11 Python
详解Python中where()函数的用法
2018/03/27 Python
Python多重继承的方法解析执行顺序实例分析
2018/05/26 Python
Python设计模式之迭代器模式原理与用法实例分析
2019/01/10 Python
Python爬取12306车次信息代码详解
2020/08/12 Python
HTML5移动开发图片压缩上传功能
2016/11/09 HTML / CSS
H5 canvas中width、height和style的宽高区别详解
2018/11/02 HTML / CSS
CK美国官网:Calvin Klein
2016/08/26 全球购物
《两只鸟蛋》教学反思
2014/02/10 职场文书
森林防火工作方案
2014/02/14 职场文书
历史博物馆观后感
2015/06/05 职场文书
仙境之桥观后感
2015/06/16 职场文书