手拉收学Vue3(三):使用js-cookie操作token信息

  使用js-cookie插件,存储、获取、清空用户token信息。使用场景,获取用户信息,判断是否登录。

  1、安装

  npm install --save js-cookie

 

  2、封装文件

  在utils文件夹下创建token.js,常规代码如下:

import Cookies from 'js-cookie';

export const setToken = (data) => {
    Cookies.set('token', data.Token)
    Cookies.set('refreshToken', data.RefreshToken)
}

export const getToken = () => {
    let token = Cookies.get("token");
    return token;
}

export const clear = () => {
    Cookies.remove('token');
    Cookies.remove('refreshToken');
    Cookies.remove('userInfo');
    localStorage.removeItem("r_token");
}

  

  3、具体使用

import { getToken, setToken } from './utils/token.js'

  好了,结束。

posted @ 2022-10-14 16:27  上山下水  阅读(972)  评论(0编辑  收藏  举报