Axios 获取请求返回 [代理代理] - Flask 和 Vue.js

Posted

技术标签:

【中文标题】Axios 获取请求返回 [代理代理] - Flask 和 Vue.js【英文标题】:Axios Get Request returned [Proxy proxy] - Flask & Vue.js 【发布时间】:2021-11-11 02:52:06 【问题描述】:

我在渲染页面中使用组件。渲染页面有一个对象数组,它是 kpi_list[]。我在渲染页面中“做 axios 获取请求”。

     axios.get(URL + "/KPI/get_by_category/1").then(response=>
          for (const data in response.data) 
              this.kpi_kalite.push(JSON.parse(JSON.stringify(response.data[data])))
              console.log(Object.values(this.kpi_kalite))
             
           .
           .
           .

输出:

(2) [Proxy, Proxy]
      0: Proxy id: 1, base: 1, name: 'A', searchable_name: 'A', 
         user: '1', …
      1: Proxy id: 5, base: 1, name: 'B', searchable_name: 'B', 
         user: '1', …
    length: 2
    [[Prototype]]: Array(0)

我不应该这样看吗?

[
   id: 1, base: 1, name: 'A', searchable_name: 'A', 
     user: '1', …,
   id: 5, base: 1, name: 'B', searchable_name: 'B', 
     user: '1', …
]

[代理,代理]是什么?

我将 kpi_kalite 数组作为道具发送到组件。 在已安装的组件中,我尝试了以下操作:

  mounted() 
    console.log(this.kpi_kalite[0]) 
    console.log(Object.values(this.kpi_kalite))
,

输出:

Proxy id: 1, base: 1, name: 'A', searchable_name: 'A', user: 
       '1', …
(2) [Proxy, Proxy]

有问题,对吧?这些不是我需要查看的对象或对象数组。

【问题讨论】:

你在使用 vue 3 吗? 是的@NimaEbrazeh 除了@Cosimo Chelini 的答案,您还可以阅读question 这是您问题的答案。 是的,它的工作谢谢你 【参考方案1】:

这很正常! vue 3 使用 proxies 使您在数据中定义的属性 reactive,从而记录您看到的包含 true 值的代理的对象>。 要在控制台中查看真正的价值,您应该这样做

console.log(JSON.parse(JSON.stringify(this.yourValue)))

if you want to read more

【讨论】:

你是对的。谢谢 请把答案标记为正确,以便其他用户可以看到 是的,但它说“您需要至少 15 个声望才能投票,但您的反馈已被记录。”所以,我的声望不到 15 :(

以上是关于Axios 获取请求返回 [代理代理] - Flask 和 Vue.js的主要内容,如果未能解决你的问题,请参考以下文章

axios FastMock 跨域 代理

如何使用 axios 的代理

使用axios发送请求时如何设置代理?

vue.js学习之 跨域请求代理与axios传参

vue项目axios请求接口,后端代理请求接口404,问题出现在哪?

Axios 获取请求不会正确的 URL