vue

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

发布于 2021-01-11 17:01:45
关注者
0
被浏览
793
6 个回答
  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

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

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

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

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

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

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

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

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

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

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

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

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

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

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

知识点
面圈网VIP题库

面圈网VIP题库全新上线,海量真题题库资源。 90大类考试,超10万份考试真题开放下载啦

去下载看看