(Vue SSR)Nuxt 进入到错误页面以后再点击其他路由样式丢失怎么办？有 GIF 图

› Vue.js

This topic created in 2130 days ago, the information mentioned may be changed or developed.

感谢花时间阅读本贴，小弟也是搜索后不思其解才来发帖询问的。

可能标题有些生涩，我也不知道如何描述，所以就录制 gif 表达我的想法了

(右键新窗口打开可以看到大图) gif 如图所示，因为后台接口出现报错，前台就会进入到错误页面，然后再通过页面链接点击任何按钮就会出现布局(样式)丢失问题，只有点击浏览器刷新按钮才可以恢复正常。

因为这个问题，小弟我找了好几个切入点，都没有解决

路由方面我试着改下 x
自定义 error.vue x
百度 /google 跟文章标题类似的文字也没有找到一样的情况。不知道是不是生命周期的问题，小弟接触 1 个月 vue，最近转到 nuxt 了解比较少，希望大佬不要嫌弃小弟问的问题菜

7 replies • 2020-07-16 12:42:39 +08:00

airyland

Jul 16, 2020

错误页面应该使用另一 layout 。

Balibabo

Jul 16, 2020

我之前也遇见过，不过印象中好像是开发环境的问题，在生产环境就正常了，你可以丢生产看看

zarte

Jul 16, 2020

页面异常导致 js 没正确执行完，功能就异常了。

sugars

PRO

Jul 16, 2020

我在 mode: 'universal'下，所有的路由跳转都是通过 window.location.href 来跳转的，没用 router.push

jimliang

Jul 16, 2020

错误页的样式放全局了吧，打扰到其他页面了。

linuxsteam

Jul 16, 2020

@airyland 错误页面我没有创建 error.vue,应该是默认的 layout 。我其他页面都是自定义的 layout
@zarte 一会琢磨下
@xutao881 是的生产通过 nuxt-link 跳转不会出现此问题

ragnaroks

Jul 16, 2020

<style scope> ?

(Vue SSR)Nuxt 进入到错误页面以后再点击其他路由 样式丢失怎么办？有 GIF 图