Vue + Axios Post 请求响应数据 returns 未定义

Question

在我的 vue js 项目中，我有一个服务文件夹，用于处理与服务器的交互。在我的服务文件夹中，我有一个处理身份验证的 class Auth.js

export default class Auth {
  login(email,password {
    let user = {email: email, password: password}
    axios.post("/login", user)
      .then(res => {
        return res.data
      })
  }
}

App.vue

  import Auth from './services/Auth'
  let auth = new Auth();
  export default {
    data: () => ({
      drawer: null,
      email: '',
      password: ''
    }),
    methods: {
      login() {        
        let user = auth.login(this.email, this.password)
        console.log(user) // returns undefined
      }
    }
  }

由于某种原因，用户未定义，但是当我检查 chrome 中的网络选项卡时，我可以看到在向 /api/register 发送 post 请求时返回的用户对象到我的 Adonis 应用程序。请帮忙。

Answer 1

固定

Auth.js

export default class Auth {
    login(email,password {
        let user = {email: email, password: password}
        return axios.post("/login", user)
    }
}

App.vue

import Auth from './services/Auth'
let auth = new Auth();
export default {
    data: () => ({
        drawer: null,
        email: '',
        password: ''
    }),
    methods: {
        login() {        
            auth.login(this.email, this.password)
                .then(res => console.log(res.data))
        }
    }
}

Vue + Axios Post 请求响应数据 returns 未定义

Vue + Axios Post request response data returns undefined

vue.js

axios

adonis.js