Vue2中标头中的Axios POST请求错误

Question

我是javascript和Vue.js的新手

我正在使用axios在Vuejs中进行POST API调用，而我的后端在node.js中。我在授权中收到错误。它在邮递员中运作良好

我的POST API调用如下：

import Vue from 'vue'
    import router from '../router'
    import axios from 'axios'

    const API_URL = 'http://localhost:8000/api/'
    const LOGIN_URL = API_URL + 'login'

    export default {
    login(credentials, redirect) {
    console.log(LOGIN_URL)
    axios.post(LOGIN_URL,{
    headers: {
    'Authorization': 'Basic YWtzaGF5OmFrc2hheQ==',
    'Content-Type': 'application/json',
    'Accept': 'application/json'
    },
    data: {
    'email': credentials.email,
    'password': credentials.password
    }
  }).then(response => {
  console.log(response.data)
  router.push(redirect)
  }).catch(e => {
  console.log(e);
  })
  }
  }

当我发出api请求时，我的javascript控制台会显示

Failed to load resource: the server responded with a status of 500(Internal Server Error)

我的服务器控制台显示错误

TypeError: Cannot read property 'username' of undefined

此处用户名是基本授权中的用户名。