在NuxtJS-VueJS中通过身份验证全局配置Axios

我正在寻找通过NuxtJS-VueJS(我主要使用NuxtJS)进行身份验证来全局配置Axios的方法。

我只需要: 如果用户登录并在$store中拥有令牌,axios将获得此令牌。如果用户是匿名的,axios将无法获取此令牌

~/插件/axios

import axios from 'axios'
import AuthenticationStore from '~/store'

var api = axios.create({
  baseURL: 'http://localhost:8000/api/v1/',
  'headers': {'Authorization': 'JWT ' + AuthenticationStore.state.token}
})

api.interceptors.request.use(function (config) {
  config.headers = {
    'Authorization': AuthenticationStore.state.token ? 'JWT ' + AuthenticationStore.state.token : ''
  }
  return config
}, function (error) {
  // Do something with request error
  return Promise.reject(error)
})

export default api

~/存储/索引。js公司

const AuthenticationStore = () => {
  return new Vuex.Store({
    state: {
      token: null
    },
    mutations: {
      SET_TOKEN: function (state, token) {
        state.token = token
        instance.defaults.headers = { Authorization: 'Bearer ' + token }
      }
    },
    actions: {
      ....
    }
  })
}

export default AuthenticationStore

错误: [nuxt] Error while initializing app TypeError: Cannot read property 'token' of undefined