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

问题描述

我正在使用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);
};

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）