Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
haizhilin2013 opened this issue Jun 20, 2019 · 13 comments
Open
Labels
vue vue

Comments

@haizhilin2013
Copy link
Collaborator

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

@haizhilin2013 haizhilin2013 added the vue vue label Jun 20, 2019
@zhangyuhuihh
Copy link

路由没配baseUrl

@xiechunhao
Copy link

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

@fengDongll
Copy link

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

@kirito47-cn
Copy link

这个题不是说性能优化吗

@Lisiyuan668
Copy link

性能优化吗

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

@meahu
Copy link

meahu commented Feb 17, 2020

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

@huaxie2017
Copy link

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

@dadadabaobei123
Copy link

打包文件路径不对吧

@gaoryrt
Copy link

gaoryrt commented Mar 5, 2020

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

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

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

@haizhilin2013
Copy link
Collaborator Author

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

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

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

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

@wdy15632628358
Copy link

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

@Yakima-Teng
Copy link

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

@FurryWolfX
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
vue vue
Projects
None yet
Development

No branches or pull requests