1、前提
当咱们在应用 nuxt ssr 部署上线的时候,如果在 asyncData 也就是服务端申请的办法中呈现报错,那么会导致线上环境呈现 server error 的报错页面。对于普通用户来说体验感极差,不利于我的项目的稳定性。
2、如何解决?
这个能够分为两局部:
1、从代码方面动手
上线前严格测试代码的可行性。确保十拿九稳,尤其是接口返回的冗余、业务逻辑的解决、代码书写的正确性、返回值是否存在等等。
2、扭转 Server error 报错页面交互。
默认的页面报错给人的感觉就是服务不可用,让用户有一种不信赖的感觉。潜在的危险就是导致用户的散失。所以能够以一种敌对的交互方式,让用户看到报错不在那么着急。
3、实现形式
Nuxt 官网提供了简略的解决办法。在 asyncData 中如果呈现谬误抛出的话就会跳转到指定页面。然而此办法只实用于前端报错,如果是服务端呈现谬误还是会呈现 Server error。
所以有了本文的办法
1、在 Pages 的同级目录下建一个 app 的文件夹,在 app 中新建 views 文件夹。
2、在 views 中创立一个 error.html 用来显示呈现 Server error 报错后的展现。
3、html 的款式能够依据网站理论状况让 UI 做一个特定状况的展现页。
那么下次在呈现 Server error 的时候,浏览器就不是显示一个零碎报错,而是显示本人设定的指定页面。