解决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插件教程
Aug 25 Javascript
《JavaScript高级程序设计》阅读笔记(二) ECMAScript中的原始类型
Feb 27 Javascript
30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
Mar 04 Javascript
使用postMesssage()实现跨域iframe页面间的信息传递方法
Mar 29 Javascript
浅谈json取值(对象和数组)
Jun 24 Javascript
全面了解构造函数继承关键apply call
Jul 26 Javascript
jQuery简单设置文本框回车事件的方法
Aug 01 Javascript
微信小程序--onShareAppMessage分享参数用处(页面分享)
Apr 18 Javascript
vue实现跳转接口push 转场动画示例
Nov 01 Javascript
Vue的transition-group与Virtual Dom Diff算法的使用
Dec 09 Javascript
如何在postman测试用例中实现断言过程解析
Jul 09 Javascript
javascript实现移动端上传图片功能
Aug 18 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随机生成唯一HASH值自定义函数
2015/04/20 PHP
Laravel使用Caching缓存数据减轻数据库查询压力的方法
2016/03/15 PHP
CodeIgniter框架验证码类库文件与用法示例
2017/03/18 PHP
PHP+redis实现的限制抢购防止商品超发功能详解
2019/09/19 PHP
激活 ActiveX 控件
2006/10/09 Javascript
javascript之水平横向滚动歌词同步的应用
2007/05/07 Javascript
基于Jquery的温度计动画效果
2010/06/18 Javascript
基于jquery的监控数据是否发生改变
2011/04/11 Javascript
jquery中的查找parents与closest方法之间的区别
2013/12/02 Javascript
javascript结合ajax读取txt文件内容
2014/12/05 Javascript
js实现文本框选中的方法
2015/05/26 Javascript
JS实现仿新浪黄色经典滑动门效果代码
2015/09/27 Javascript
JavaScript兼容浏览器FF/IE技巧
2016/08/14 Javascript
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
2016/09/04 Javascript
原生javascript实现的ajax异步封装功能示例
2016/11/03 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
2016/11/18 Javascript
jQuery实现checkbox列表的全选、反选功能
2016/11/24 Javascript
BootStrap 页签切换失效的解决方法
2017/08/17 Javascript
Vue三种常用传值示例(父传子、子传父、非父子)
2018/07/24 Javascript
微信小程序button标签open-type属性原理解析
2020/01/21 Javascript
Python二分法搜索算法实例分析
2015/05/11 Python
Python中Random和Math模块学习笔记
2015/05/18 Python
ubuntu 18.04搭建python环境(pycharm+anaconda)
2019/06/14 Python
python中利用matplotlib读取灰度图的例子
2019/12/07 Python
Python修改列表值问题解决方案
2020/03/06 Python
Python在终端通过pip安装好包以后在Pycharm中依然无法使用的问题(三种解决方案)
2020/03/10 Python
用python读取xlsx文件
2020/12/17 Python
美国电子产品购物网站:BuyDig.com
2020/06/17 全球购物
PHP开发的一般流程
2013/08/13 面试题
学生自我鉴定范文
2013/10/04 职场文书
大学生村官心得体会范文
2014/01/04 职场文书
《海底世界》教学反思
2014/04/16 职场文书
高一学生期末评语
2014/04/25 职场文书
搞笑的爱情检讨书
2014/10/01 职场文书
2015年招聘工作总结
2014/12/12 职场文书
Node.js实现爬取网站图片的示例代码
2022/04/04 NodeJs