Fe-interview: [vue] vue首页白屏是什么问题引起的？如何解决呢？

[haizhilin2013]

[vue] vue首页白屏是什么问题引起的？如何解决呢？

[zhangyuhuihh]

路由没配baseUrl

[xiechunhao]

在config文件夹中找到index.js打开把
assetsPublicPath: '/'
改成
assetsPublicPath: './'
再次执行 npm run build 就可以了。

[Lliushuo]

1.打包后文件引用路径不对，导致找不到文件报错白屏
2.路由模式mode设置影响

[kirito47-cn]

这个题不是说性能优化吗

[Lisiyuan668]

性能优化吗

我觉得也是 首页加载速度慢 出现短暂白屏 应该是问性能优化

[meahu]

加载 js 太慢了，打包需要优化下，另外用 cdn 加快请求；
图片等资源进行压缩处理；
用服务端渲染。

[huaxie2017]

打包优化 路由懒加载 代码压缩 第三方插件按需加载

[dadadabaobei123]

打包文件路径不对吧

[gaoryrt]

好多回答都理解成出错的白屏了吧？
出错白屏可能出现的条件那就太多了，
要按照这个逻辑可以说：

服务端接受
服务端处理
服务端响应
浏览器接受响应
处理执行回调
浏览器像素更新
屏幕显示
人眼接受
大脑识别

每个环节都可以找到机会「白屏」呢

[haizhilin2013]

好多回答都理解成出错的白屏了吧？
出错白屏可能出现的条件那就太多了，
要按照这个逻辑可以说：

服务端接受
服务端处理
服务端响应
浏览器接受响应
处理执行回调
浏览器像素更新
屏幕显示
人眼接受
大脑识别

每个环节都可以找到机会「白屏」呢

是的，这白屏指的是性能优化的问题

[wdy15632628358]

出现白屏是因为SPA单页面，第一次加载的东西太多了 ，这种情况可以使用路由懒加载分担一下，一进页面先看到哪些，就加载哪些就好了。
component:() => import(/* webpackChunkName: "customer" */ '@/components/customer/add'),

[Yakima-Teng]

Vue看了眼React，稍作叹息，对众人说道 ，“这个锅不该我一个人背，另外我是支持提前预编译的，你也可以直出html”。React听罢赶忙应和到，“就是就是”。

[FurryWolfX]

首页加载慢，1可以采用js分包、懒加载。2可以利用SSR同构渲染。