vue ssr 服务端 路由 报错 err= TypeError: Converting circular structure to JSON

2 篇文章 0 订阅
1 篇文章 0 订阅
  • 代码:
      let matched = this.$route.matched.filter(item => item.meta && item.meta.title)
      matched.map(val => {
        // 解决方法
        val.instances = {}
      })
      // levelList = this.jsons(levelList)
      this.$store.commit('app/TOGGLE_NEVLIST', this.levelList)
  • 报错:
error during render : url=/rank/soft err= TypeError: Converting circular structure to JSON
     --> starting at object with constructor 'Vue'
     |     property '$options' -> object with constructor 'Object'
     |     property 'router' -> object with constructor 'VueRouter'
     --- property 'app' closes the circle
     at JSON.stringify (<anonymous>)
  • 解决思路:
  1. vue的 $router在执行的时候会使用JSON.stringify去处理路由
  2. node环境中是拒绝循环引用的1.
  3. this.$route.matched.filter返回的数据中 instances 执行 当前的对象(暂时认为是当前路由对象,欢迎举证)
  4. 上面(1)中 存在循环引用 报错
  5. 把instances 指向空对象能避免后面路由的使用报错
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值