Vue3 + Vite + ts,下载和使用 js-cookie;

安装 

npm install --save js-cookie

auth.ts

在 src/utils 下创建 auth.ts 文件夹

import Cookies from "js-cookie";

const TokenKey = "Admin-Token";

export function getToken() {
  return Cookies.get(TokenKey); //获取键名为Admin-Token的值
}

export function setToken(token: string) { 
  return Cookies.set(TokenKey, token); //设置键名Admin-Token,值为token
}

export function removeToken() {
  return Cookies.remove(TokenKey); //移除键名为Admin-Token的值
}

这里项目需要将 Token 存进请求头 的 Cookie 里面

在 请求拦截器 里面 操作代码如下:

// 引入 方法
import { setToken } from "@/utils/auth";

// 说明下 userStore , 是登录成功时后端返回的,然后存放在 pinia 里面

// 请求拦截器
service.interceptors.request.use(
  (config: InternalAxiosRequestConfig) => {
    const userStore = useUserStoreHook();
    console.log('userStore.token',userStore.token);
    // 在这里将 token 弄进 Cookie
    if (userStore.token) {
      config.headers.Authorization = userStore.token;
      // 直接这里使用方法
      setToken(userStore.token)
    }
    return config;
  },
  (error: any) => {
    return Promise.reject(error);
  }
);

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值