解决Vue报错Converting circular structure to JSON

在使用Vue的时候报错，报错原因属于是没眼看…
当然这个这个报错可能是多方面原因导致的，反正导致我报错的原因是没眼看的

errTypeError: Converting circular structure to JSON
–> starting at object with constructor ‘ReactiveEffect’
| property ‘deps’ -> object with constructor ‘Link’
— property ‘sub’ closes the circle

在使用Vue3时定义变量

const currentPage = ref(1)
const pageSize = ref(10)

const response = await request.post('/user/listPageC1', {
"pageSize": pageSize,
"pageNum":currentPage,
});

原因出现在使用const定义的对象时没有选择Value值

通义千问解释

在 Vue 3 中，ref 创建的对象包含一个 .value 属性，你需要通过这个属性来访问或设置其内部的值。如果你直接将 ref 对象传递给函数或对象字面量，那么它不会自动解包为它的值，这可能会导致服务器端解析错误，或者在某些情况下，客户端代码会尝试序列化整个 ref 对象，从而引发循环引用错误。

解决办法 在使用变量时加入.value即可

const currentPage = ref(1)
const pageSize = ref(10)

const response = await request.post('/user/listPageC1', {
"pageSize": pageSize.value,
"pageNum":currentPage.value,
});