vue 中 axios 在另一个组件中使用报错

Question

目录结构

我在 main.js 中是这样写的

login .js

login.js import main.js 中了

报错信息

Answer 1

login.js里面this的指向已经不是Vue，建议在login.js中使用Vue来替换this。

Answer 2

vuex的action中this指向的是vuex.store的实例，不是vue组件实例
把$axios放在Vue.prototype上当然取不到

Answer 3

let that = this;
loginRequest(...){
    that.$axios....    // 如果这里直接使用this,就不是vue那个对象啦
}