vue 页面空白问题总结

1.路由异常，

一般是next()函数没有被执行

不执行的原因就是在 beforeEach 里

a.if判断的某个分支让它没有走next()

b.某个异常跳出导致没兆宽誉有执行

c.网络请求 只处理了then的情巧胡况，没有处理catch情况

2.html渲染报错，常见的就是key相同了

3.js解析报错，常族段见的es6语法在某些手机里不支持，特别是对象扩展符(...),promise的finally不支持等等。

4.网络请求异常导致的， 特别是 跨域请求异常 导致的，经常出现这个情况

命令进行打包

会出现这样的情况

生成了一个静态的文件夹没枣,打开index.html的时候

会出现页面空白的问题

打开F12查看蔽察型一下这是为啥

会发现这些文件的路径访问不到

在源码文件中打开 vue.config.js

将 publicPath: '/' 改成 publicPath: ‘./宏猜’

然后使用 npm run build:prod 重新打包

打开浏览器，路径都是正确的，没有报错，如果这个时候，还是不显示界面内容

需要打开 router 文件

路由模式将 histroy 改成 hash 模式，起初 mode:‘history’