Metronic无法将令牌保存在本地存储中

Question

我正在使用Metronic Vue模板 我的后端是php laravel

效果很好 但是当我构建应用程序并登录到我的应用程序时 令牌不会完全保存到本地存储 这是我的api.service.js：

const ApiService = {
  init() {
    Vue.use(VueAxios, axios);
    Vue.axios.defaults.baseURL = "http://hyper.test/api/";
  },

setHeader() {
    Vue.axios.defaults.headers.common[
      "Authorization"
    ] = `Bearer ${JwtService.getToken()}`;
  },

获取令牌方法：

export const getToken = () => {
  return window.localStorage.getItem(ID_TOKEN_KEY);
};

这是我在auth.module.js中的登录操作：

[LOGIN](context, credentials) {
    return new Promise(resolve => {
      ApiService.post("login", credentials)
        .then(({ data }) => {
          context.commit(SET_AUTH, data);
          resolve(data);
        })
        .catch(({ response }) => {
            context.commit(SET_ERROR, response.data.errors);
        });
    });
  },

设置身份验证突变

[SET_AUTH](state, user) {
    state.isAuthenticated = true;
    state.user = user;
    state.errors = {};
    JwtService.saveToken(state.user.token);
  },

保存令牌方法：

export const saveToken = token => {
  window.localStorage.setItem(ID_TOKEN_KEY, token);
};