请求拦截器携带Token =>检验用户是否登录
小于 1 分钟
请求拦截器携带Token =>检验用户是否登录
简言之:直接把token数据放到axios请求器中。让每个接口发送请求的时候,请求头都携带token数据(一次配置,多处生效)
Token作为用户标识,在很多个接口中都需要携带Token才可以正确获取数据,所以需要在接口调用时携带Token。
为了实现统一控制,采取请求拦截器携带的方案
//封装axios
import axios from "axios";
import { ElMessage } from "element-plus";
// 引入用户仓库数据
import { useUserStore } from "../store/modules/user"
const request = axios.create({
baseURL: "/api",
timeout: 5000
})
// 请求拦截器
request.interceptors.request.use((config) => {
const userStore = useUserStore()
if (userStore.userInfo.token) {
// console.log("token存在");
console.log(userStore.userInfo.token);
// 把token添加到请求头
config.headers.token = userStore.userInfo.token
}
return config
})