vue3 登录 token校验
时间: 2023-07-02 18:06:49 浏览: 73
在 Vue3 中进行登录 Token 校验,一般需要在请求头中带上 Token,后端根据 Token 判断该用户是否已登录。具体实现步骤如下:
1. 在登录成功后,将 Token 存储在本地,如 localStorage 中。
2. 在每次请求时,在请求头中添加 Authorization 字段,值为 Bearer + Token。
```javascript
import axios from 'axios';
const instance = axios.create({
baseURL: 'https://api.example.com',
});
// 添加请求拦截器
instance.interceptors.request.use(
config => {
// 从本地存储中获取 Token
const token = localStorage.getItem('token');
if (token) {
// 将 Token 添加到请求头中
config.headers.Authorization = `Bearer ${token}`;
}
return config;
},
error => {
return Promise.reject(error);
}
);
export default instance;
```
3. 后端进行 Token 校验,如果 Token 无效或过期,返回错误信息。
4. 在前端处理错误信息,如跳转到登录页重新登录等操作。
以上就是 Vue3 中进行登录 Token 校验的基本步骤,具体实现可以根据自己的项目需求进行调整。