编程 Javascript

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

解决vue build打包之后首页白屏的问题

- Author -

攻城狮Lee丶

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JQUERY CHECKBOX全选,取消全选,反选方法三

Aug 30 Javascript

JavaScript.The.Good.Parts阅读笔记（一）假值与===运算符

Nov 16 Javascript

Javascript面象对象成员、共享成员变量实验

Nov 19 Javascript

实例详解JSON数据格式及json格式数据域字符串相互转换

Jan 07 Javascript

使用bootstrap3开发响应式网站

May 12 Javascript

BootStrap智能表单实战系列(九)表单图片上传的支持

Jun 13 Javascript

jquery实现图片切换代码

Oct 13 Javascript

微信小程序中wx.chooseAddress(OBJECT)实例详解

Mar 31 Javascript

vue-cli项目代理proxyTable配置exclude的方法

Sep 20 Javascript

详解vue-template-admin三级路由无法缓存的解决方案

Mar 10 Javascript

手把手教你从零开始react+antd搭建项目

Jun 03 Javascript

JavaScript实现外溢动态爱心的效果的示例代码

Mar 21 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导出生成word的方法

2015/12/25 PHP

php自定义函数实现JS的escape的方法示例

2016/07/07 PHP

PHP中非常有用却鲜有人知的函数集锦

2019/08/17 PHP

php实现对文件压缩简单的方法

2019/09/29 PHP

js中的push和join方法使用介绍

2013/10/08 Javascript

Document.location.href和.replace的区别示例介绍

2014/03/04 Javascript

深入分析escape()、encodeURI()、encodeURIComponent()的区别及示例

2014/08/04 Javascript

jquery表单验证插件formValidator使用方法

2016/04/01 Javascript

实例解析jQuery中proxy()函数的用法

2016/05/24 Javascript

JS获取checkbox的个数简单实例

2016/08/19 Javascript

基于JavaScript实现窗口拖动效果

2017/01/18 Javascript

webpack处理 css\less\sass 样式的方法

2017/08/21 Javascript

微信小程序实现文字跑马灯效果

2020/05/26 Javascript

vue单页缓存存在的问题及解决方案(小结)

2018/09/25 Javascript

vue.js的双向数据绑定Object.defineProperty方法的神奇之处

2019/01/18 Javascript

详解javascript void(0)

2020/07/13 Javascript

pandas数据分组和聚合操作方法

2018/04/11 Python

python3+PyQt5实现自定义分数滑块部件

2018/04/24 Python

python将控制台输出保存至文件的方法

2019/01/07 Python

六行python代码的爱心曲线详解

2019/05/17 Python

Python学习笔记之变量、自定义函数用法示例

2019/05/28 Python

Ann Taylor官方网站：美国最大的女性产品制造商之一

2016/09/14 全球购物

英国鲜花速递：Serenata Flowers

2018/04/03 全球购物

美国修容界大佬创建的个人美妆品牌：Kevyn Aucoin Beauty

2018/12/12 全球购物

牛津在线药房：Oxford Online Pharmacy

2020/11/16 全球购物

Android面试题及答案

2015/09/04 面试题

如何利用find命令查找文件

2016/11/18 面试题

优秀大学生的自我评价

2014/01/16 职场文书

化学工程专业求职信

2014/08/10 职场文书

高中课前三分钟演讲稿

2014/09/13 职场文书

2015年企业新年寄语

2014/12/08 职场文书

工程合作意向书范本

2015/05/09 职场文书

2016年综治和平安建设宣传月活动总结

2016/04/01 职场文书

你对自己的信用报告有过了解吗？

2019/07/09 职场文书

十大经典日本动漫排行榜海贼王第三,犬夜叉仅第八

2022/03/18 日漫

MySQL数据库查询之多表查询总结

2022/08/05 MySQL