myspace/src/store/user.js

import $ from 'jquery';
import jwt_decode from 'jwt-decode';
const moduleUser = {
    state: {
        id: "",
        username: "",
        photo: "",
        folllowerCount: 0,
        access: "",
        refresh: "",
        is_login: false,
    },
    getters: {
    },
    mutations: {
        updateUser(state,user) {
            state.id = user.id;
            state.username = user.username;
            state.photo = user.photo;
            state.folllowerCount = user.folllowerCount;
            state.access = user.access;
            state.refresh = user.refresh;
            state.is_login = user.is_login;
        },
        updateAccess(state,access) {
            state.access = access;
        },

        logout(state) {
            state.id = "",
            state.username = "";
            state.photo = "";
            state.folllowerCount = 0;
            state.access = "";
            state.refresh = "";
            state.is_login = false;
        }
    },
    actions: {
        login(context,data) {
            $.ajax({
                url: "https://app165.acapp.acwing.com.cn/api/token/",
                type: "POST",
                data: {
                    username: data.username,
                    password: data.password,
                },

                success(resp) {
                    const {access,refresh} = resp;
                    const access_obj = jwt_decode(access);

                    // 每隔4.5分钟刷新依次令牌(access)

                    setInterval(()=> {
                        $.ajax({
                            url: "https://app165.acapp.acwing.com.cn/api/token/refresh/",
                            type: "POST",
                            data: {
                                refresh:refresh,
                            },

                            success(resp) {
                                context.commit("updateAccess",resp.access);                           
                            }
                        })
                    },4.5 * 60 * 1000);


                    $.ajax({
                        url: "https://app165.acapp.acwing.com.cn/myspace/getinfo/",
                        type: "get",
                        data: {
                            user_id: access_obj.user_id,
                        },
                        headers:{
                            'Authorization': "Bearer " + access,
                        },
                        success(resp) {
                            context.commit("updateUser",{
                                ...resp,
                                access:access,
                                refresh:refresh,
                                is_login:true,
                            });
                            data.success();
                        },
                    });
                },
                error() {
                    data.error();
                }
            });
        }
    },
    modules: {
    },
};

export default moduleUser;