Vue 打包上线之后页面一片空白？

Question

注意！不是静态资源路径的问题！

描述一下情况：

1.地址能打开，属于 history 模式，/login 之类的地址都能打开
2.资源加载成功，Vue 代码的 css 和 js 都正确，favicon 也拿到了
3.Vue 加载正确，App mounted 有 log 返回
4.Route 加载正确，APP mounted 有 $route 返回，里面地址信息正确
5.#app 元素加载正确

感觉是我业务代码的问题，
可是本地代码跑起来是正常的！

Answer 1

破案了，就是地址不对
原本的线上地址是：ip:port/BASEURL/#/login

然后 ip:port 的部署整多了，
忘记了 ip:port/BASEURL 的地址是不识别的，

new Router({ base }) 这个添加一下就好，蛮低级的错误，引以为戒！

Answer 2

按我的经验，这种情况一般是渲染的时候报错，但是错误被 Vue 捕获了，所以没吐出来。

可以试着在浏览器 DevTools 里把 Pause on caught error 里打开，再试试。