TypeError Converting circular structure to JSON --＞ starting at object with constructor ‘Vue‘

最新推荐文章于 2025-11-14 11:47:50 发布

原创最新推荐文章于 2025-11-14 11:47:50 发布 · 4.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #json #javascript

前端同时被 2 个专栏收录

46 篇文章

订阅专栏

html

46 篇文章

订阅专栏

在使用vue-admin-template时遇到顶部加载缓慢问题，错误信息为TypeError:Converting circular structure to JSON。原因是将Vue实例转换为JSON时遇到了循环引用。解决方案是避免直接存储整个Vue实例，而是只存储需要的数据，例如tagsView.visitedViews的路径。通过遍历并存储这些路径，然后用JSON.stringify()处理，成功解决了循环引用错误。

部署运行你感兴趣的模型镜像

vue sessionStorage TypeError: Converting circular structure to JSON

vue-admin-template顶部网页加载横条特别慢，打开浏览器调试界面，发现报错TypeError: Converting circular structure to JSON --> starting at object with constructor ‘Vue’ ，

定位到permission.js中的代码

sessionStorage.setItem('routerTo', JSON.parse(JSON.stringify(to)))

这是存在循环引用【1】的错误

解决办法【2】：this.$store.state.tagsView.visitedViews替换为自己的变量即可

const visitedViews_temp = this.$store.state.tagsView.visitedViews
const arr_temp = []
for (let i = 0; i < visitedViews_temp.length; i++) {
    arr_temp.push(visitedViews_temp[i].path)
}
if (arr_temp && arr_temp.length > 0) {
    const temp = JSON.stringify(arr_temp)
    sessionStorage.setItem('visitedViews', temp)
}

【1】https://blog.youkuaiyun.com/xiaojinglyd/article/details/103489651

【2】https://blog.youkuaiyun.com/Amnesiac666/article/details/108635236

您可能感兴趣的与本文相关的镜像