V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
linuxsteam
V2EX  ›  Vue.js

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

  •  
  •   linuxsteam · 2020-07-16 08:16:27 +08:00 · 626 次点击
    这是一个创建于 1352 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

    1. 路由方面我试着改下 x
    2. 自定义 error.vue x
    3. 百度 /google 跟文章标题类似的文字 也没有找到一样的情况。 不知道是不是生命周期的问题,小弟接触 1 个月 vue,最近转到 nuxt 了解比较少,希望大佬不要嫌弃小弟问的问题菜
    7 条回复    2020-07-16 12:42:39 +08:00
    airyland
        1
    airyland  
       2020-07-16 08:42:13 +08:00
    错误页面应该使用另一 layout 。
    xutao881
        2
    xutao881  
       2020-07-16 10:02:02 +08:00
    我之前也遇见过,不过印象中好像是开发环境的问题,在生产环境就正常了,你可以丢生产看看
    zarte
        3
    zarte  
       2020-07-16 10:04:32 +08:00
    页面异常导致 js 没正确执行完,功能就异常了。
    sugars
        4
    sugars  
       2020-07-16 10:42:40 +08:00
    我在 mode: 'universal'下,所有的路由跳转都是通过 window.location.href 来跳转的,没用 router.push
    jimliang
        5
    jimliang  
       2020-07-16 11:26:47 +08:00
    错误页的样式放全局了吧,打扰到其他页面了。
    linuxsteam
        6
    linuxsteam  
    OP
       2020-07-16 12:24:06 +08:00
    @airyland 错误页面我没有创建 error.vue,应该是默认的 layout 。我其他页面都是自定义的 layout
    @zarte 一会琢磨下
    @xutao881 是的 生产通过 nuxt-link 跳转不会出现此问题
    ragnaroks
        7
    ragnaroks  
       2020-07-16 12:42:39 +08:00
    <style scope> ?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2824 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 13:34 · PVG 21:34 · LAX 06:34 · JFK 09:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.