解决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 替换功能函数,用正则表达式解决,js的全部替换
Dec 08 Javascript
IFrame跨域高度自适应实现代码
Aug 16 Javascript
javascript时间自动刷新实现原理与步骤
Jan 06 Javascript
Extjs4中的分页应用结合前后台
Dec 13 Javascript
给html超链接设置事件不使用href来完成跳
Apr 20 Javascript
javascript实现数字倒计时特效
Mar 30 Javascript
js实现5秒倒计时重新发送短信功能
Feb 05 Javascript
JavaScript模板引擎实现原理实例详解
Dec 14 Javascript
JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析
Mar 06 Javascript
JavaScript原型继承和原型链原理详解
Feb 04 Javascript
Javascript原型链及instanceof原理详解
May 25 Javascript
jdk1.8+vue elementui实现多级菜单功能
Sep 24 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的session功能评述(三)
2006/10/09 PHP
redis 队列操作的例子(php)
2012/04/12 PHP
如何利用php array_multisort函数 对数据库结果进行复杂排序
2013/06/08 PHP
php性能分析之php-fpm慢执行日志slow log用法浅析
2016/10/17 PHP
PHP实现登录验证码校验功能
2018/05/17 PHP
Laravel 框架控制器 Controller原理与用法实例分析
2020/04/14 PHP
JQuery与Ajax常用代码实现对比
2009/10/03 Javascript
jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架
2013/04/08 Javascript
JavaScript 中的日期和时间及表示标准介绍
2013/08/21 Javascript
jQuery实现鼠标经过提示信息的地图热点效果
2015/04/26 Javascript
Jquery简单分页实现方法
2015/07/24 Javascript
JS组件Bootstrap按钮组与下拉按钮详解
2016/05/10 Javascript
Bootstrap组件(一)之菜单
2016/05/11 Javascript
Angularjs使用directive自定义指令实现attribute继承的方法详解
2016/08/05 Javascript
基于vue打包后字体和图片资源失效问题的解决方法
2018/03/06 Javascript
Javascript如何实现双指控制图片功能
2020/02/25 Javascript
JavaScript实现鼠标经过表格某行时此行变色
2020/11/20 Javascript
python实现上传样本到virustotal并查询扫描信息的方法
2014/10/05 Python
深入解析Python中的上下文管理器
2016/06/28 Python
Python实现Mysql数据库连接池实例详解
2017/04/11 Python
对Python中TKinter模块中的Label组件实例详解
2019/06/14 Python
python中的句柄操作的方法示例
2019/06/20 Python
python 计算积分图和haar特征的实例代码
2019/11/20 Python
在主流系统之上安装Pygame的方法
2020/05/20 Python
Staples英国官方网站:办公用品一站式采购
2017/10/06 全球购物
澳大利亚玩具剧场:Toy Playhouse
2019/03/03 全球购物
中兴通讯全球官方网站:ZTE
2020/12/26 全球购物
什么是静态路由,其特点是什么?什么是动态路由,其特点是什么?
2013/07/26 面试题
如何进行Linux分区优化
2016/09/13 面试题
工伤事故证明
2014/10/20 职场文书
2014年服务员个人工作总结
2014/12/23 职场文书
民间借贷纠纷起诉书
2015/08/03 职场文书
2015年六年级班主任工作总结
2015/10/15 职场文书
Mysql 如何批量插入数据
2021/04/06 MySQL
GitHub上77.9K的Axios项目有哪些值得借鉴的地方详析
2021/06/15 Javascript
Android Studio实现带三角函数对数运算功能的高级计算器
2022/05/20 Java/Android