解决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 相关文章推荐
jQuery Ajax使用 全解析
Dec 15 Javascript
JS短路原理的应用示例 精简代码的途径
Dec 13 Javascript
Javascript堆排序算法详解
Dec 03 Javascript
js与css实现弹出层覆盖整个页面的方法
Dec 13 Javascript
兼容浏览器的js事件绑定函数(详解)
May 09 Javascript
前端常见跨域解决方案(全)
Sep 19 Javascript
jQuery代码优化方法总结
Jan 29 jQuery
浅谈Angularjs中不同类型的双向数据绑定
Jul 16 Javascript
vue 下列表侧滑操作实例代码详解
Jul 24 Javascript
解决在vue项目中webpack打包后字体不生效的问题
Sep 01 Javascript
微信小程序websocket实现即时聊天功能
May 21 Javascript
二维码条形码生成的JavaScript脚本库
Jul 07 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
PHP4.04简明安装
2006/10/09 PHP
php DOS攻击实现代码(附如何防范)
2012/05/29 PHP
如何在smarty中增加类似foreach的功能自动加载数据
2013/06/26 PHP
JoshChen_php新手进阶高手不可或缺的规范介绍
2013/08/16 PHP
ThinkPHP的Widget扩展实例
2014/06/19 PHP
jQuery 使用手册(三)
2009/09/23 Javascript
jQuery点击改变class并toggle及toggleClass()方法定义用法
2015/12/11 Javascript
手机端 HTML5使用photoswipe.js仿微信朋友圈图片放大效果
2016/08/25 Javascript
javascript修改浏览器title方法 JS动态修改浏览器标题
2017/11/30 Javascript
JS实现中英文混合文字溢出友好截取功能
2018/08/06 Javascript
vuejs实现ready函数加载完之后执行某个函数的方法
2018/08/31 Javascript
详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
2019/02/02 Javascript
javascript事件监听与事件委托实例详解
2019/08/16 Javascript
原生JavaScript写出Tabs标签页的实例代码
2020/07/20 Javascript
[01:16]2014DOTA2 TI专访C9战队EE:中国五强中会占三席
2014/07/10 DOTA
[01:48]帕吉至宝加入游戏,遗迹战场现“千劫神屠”
2018/04/07 DOTA
Python合并多个装饰器小技巧
2015/04/28 Python
利用Python破解斗地主残局详解
2017/06/30 Python
用 Python 爬了爬自己的微信朋友(实例讲解)
2017/08/25 Python
详解python做UI界面的方法
2019/02/27 Python
用python做游戏的细节详解
2019/06/25 Python
Python列表(list)所有元素的同一操作解析
2019/08/01 Python
python多任务之协程的使用详解
2019/08/26 Python
Python numpy.zero() 初始化矩阵实例
2019/11/27 Python
python实现猜拳游戏
2020/03/04 Python
python代码中怎么换行
2020/06/17 Python
澳大利亚小众服装品牌:Maurie & Eve
2018/03/27 全球购物
在线购买澳大利亚设计师手拿包和奢华晚装手袋:Olga Berg
2019/03/20 全球购物
SQL Server里面什么样的视图才能创建索引
2015/04/17 面试题
中间件分为哪几类
2016/09/18 面试题
实习护士自我鉴定
2013/10/13 职场文书
英语道歉信范文
2014/01/09 职场文书
市场专员岗位职责
2014/02/14 职场文书
避暑山庄导游词
2015/02/04 职场文书
公司财务管理制度
2015/08/04 职场文书
辅导员学期工作总结
2015/08/14 职场文书