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的时候，浏览器就不是显示一个零碎报错，而是显示本人设定的指定页面。