无法在Axios拦截器中获取Vuex存储

// store.js
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    token: ''
    // 其他存储的数据
  },
  mutations: {
    setToken(state, token) {
      state.token = token
    }
    // 其他mutations
  },
  actions: {
    // 其他actions
  },
  getters: {
    // 其他getters
  }
})

export default store

<template>
  <div>{{ token }}</div>
</template>

<script>
import { mapState } from 'vuex'

export default {
  computed: {
    ...mapState(['token'])
  },
  created() {
    // 在此处可以访问到this.token获取存储的数据
  }
}
</script>

import axios from 'axios'
import store from './store'

// 创建axios实例
const service = axios.create({
  baseURL: 'http://api.example.com',
  timeout: 5000
})

// 请求拦截器
service.interceptors.request.use(
  config => {
    // 获取存储的数据
    const token = store.state.token
    // 在请求头中添加token
    config.headers['Authorization'] = token
    return config
  },
  error => {
    return Promise.reject(error)
  }
)

export default service