1。前提我们在使用nuxtssr部署上线的时候,如果asyncData这个服务端请求的方法出错,会导致线上环境出现servererror错误页面。对于普通用户来说,体验极差,不利于项目的稳定。2.如何解决?这可以分为两部分:1.从代码方面入手,在上线前严格测试代码的可行性。确保万无一失,尤其是接口返回的冗余、业务逻辑处理、代码编写的正确性、返回值的存在等。2、更改Servererror错误页面的交互方式。默认的页面报错给人一种服务不可用的感觉,让用户产生不信任感。潜在的风险是用户的流失。因此,以一种友好的交互方式,用户不会那么急于看到错误报告。3.实现方法Nuxt官方提供了一个简单的解决方案。在asyncData中,如果抛出错误,会跳转到指定页面。不过这种方式只适用于前端报错。如果服务器端出现错误,仍然会出现Servererror。于是用本文的方法1.在Pages同级目录下新建一个app文件夹,在app中新建一个views文件夹。2.在views中创建一个error.html,用于显示Server报错后的显示。3、html样式可以根据网站的实际情况,将UI做成特定情况的展示页面。那么下次出现Server错误时,浏览器就不会显示系统错误,而是显示自己设置的指定页面。
