Vue项目请求头未携带Token导致授权失败：如何解决前端请求拦截器中Token获取问题？

vue.use(vuex)

export default new vuex.store({
    state: {
        token: sessionStorage.getItem("token"),
        user: JSON.parse(sessionStorage.getItem("user"))
    },
    mutations: {
        set_token: (state, token) => {
            state.token = token;
            sessionStorage.setItem("token", token);
        },
        set_user: (state, user) => {
            state.user = user;
            sessionStorage.setItem("user", JSON.stringify(user));
        },
        remove_info: (state) => {
            state.token = '';
            state.user = {};
            sessionStorage.setItem("token", '');
            sessionStorage.setItem("user", JSON.stringify(''));
        }
    },
});

import axios from "axios";
import router from "../router";
import store from "@/store";

const service = axios.create({
    baseURL: process.env.base_api,
});

service.interceptors.request.use(
    config => {
        if (store.getters.getToken) { // 问题可能在此处
            config.headers['token'] = window.sessionStorage.getItem("token");
        }
        return config;
    },
    error => {
        console.log(error);
        return Promise.reject(error);
    }
);

// ... (response interceptor remains unchanged)

public class LoginInterceptor implements HandlerInterceptor {
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        String token = request.getHeader("token");
        if (StringUtils.isBlank(token)) {
            setReturn(response, 401, "用户未登录，请先登录");
            return false;
        }
        return true;
    }
}

service.interceptors.request.use(
    config => {
        const token = window.sessionStorage.getItem("token");
        if (token) {
            config.headers['token'] = token;
        }
        return config;
    },
    error => {
        console.log(error);
        return Promise.reject(error);
    }
);