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

2020-07-16 08:16:27 +08:00
 linuxsteam

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

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

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

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

  1. 路由方面我试着改下 x
  2. 自定义 error.vue x
  3. 百度 /google 跟文章标题类似的文字 也没有找到一样的情况。 不知道是不是生命周期的问题,小弟接触 1 个月 vue,最近转到 nuxt 了解比较少,希望大佬不要嫌弃小弟问的问题菜
765 次点击
所在节点    Vue.js
7 条回复
airyland
2020-07-16 08:42:13 +08:00
错误页面应该使用另一 layout 。
xutao881
2020-07-16 10:02:02 +08:00
我之前也遇见过,不过印象中好像是开发环境的问题,在生产环境就正常了,你可以丢生产看看
zarte
2020-07-16 10:04:32 +08:00
页面异常导致 js 没正确执行完,功能就异常了。
sugars
2020-07-16 10:42:40 +08:00
我在 mode: 'universal'下,所有的路由跳转都是通过 window.location.href 来跳转的,没用 router.push
jimliang
2020-07-16 11:26:47 +08:00
错误页的样式放全局了吧,打扰到其他页面了。
linuxsteam
2020-07-16 12:24:06 +08:00
@airyland 错误页面我没有创建 error.vue,应该是默认的 layout 。我其他页面都是自定义的 layout
@zarte 一会琢磨下
@xutao881 是的 生产通过 nuxt-link 跳转不会出现此问题
ragnaroks
2020-07-16 12:42:39 +08:00
<style scope> ?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/690440

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX