JavaScript 中,使用 this 访问的是当前函数的上下文,它的值是在函数运行时动态绑定的。这意味着,如果你在一个函数内部使用 this ,那么它指向的是在运行该函数时,该函数所处的对象。

因此,在 Axios.then() 方法中使用 this 访问数据可能会出现问题,因为 .then() 方法可能不是在你的组件内部被调用的,所以 this 的值可能不是指向你的组件的。

有几种解决方法:

使用箭头函数来绑定 this:
因为箭头函数不会创建新的作用域,所以它们会继承外部作用域中的 this。例如:

使用 bind() 方法绑定 this

使用结构赋值获取响应数据:

使用 then 方法之前先将 this 存储到一个变量中,然后在 then 方法中使用这个变量。例如:

GET 请求

POST 请求

并行请求

创建实例

Response

Config

拦截器

错误处理

取消请求