给出jwt前端处理示例
时间: 2023-06-30 12:20:32 浏览: 89
JWT实例demo
3星 · 编辑精心推荐
以下是一个使用 axios 库发送带有 JWT 的请求的示例代码:
```javascript
import axios from 'axios';
// 获取 JWT
const jwt = localStorage.getItem('jwt');
// 添加拦截器,在请求头中添加 JWT
axios.interceptors.request.use(config => {
if (jwt) {
config.headers.Authorization = `Bearer ${jwt}`;
}
return config;
});
// 发送带有 JWT 的请求
axios.get('/api/data')
.then(response => {
// 处理响应数据
})
.catch(error => {
// 处理错误
});
```
在上面的代码中,首先从 localStorage 中获取 JWT,然后通过 axios 的拦截器,在每个请求的头部中添加 JWT。最后发送请求时,后端会对 JWT 进行验证,以确保请求是合法的。
阅读全文