在使用 Axios 发送 HTTP 请求时,可以通过设置请求头来发送 JWT。以下是一个示例代码,演示如何在 Axios 请求中包含 JWT:
import axios from 'axios';
// 设置请求头
const config = {
headers: {
'Authorization': 'Bearer ' + localStorage.getItem('jwtToken') // 在本地存储中保存的 JWT
}
};
// 发送 GET 请求
axios.get('/api/data', config)
.then(response => {
// 处理响应数据
console.log(response.data);
})
.catch(error => {
// 处理错误
console.error(error);
});
// 发送 POST 请求
axios.post('/api/data', { name: 'John' }, config)
.then(response => {
// 处理响应数据
console.log(response.data);
})
.catch(error => {
// 处理错误
console.error(error);
});
在示例代码中,我们使用 axios.get 和 axios.post 函数发送 HTTP 请求,并在请求头中设置 Authorization 字段,值为 Bearer 加上 JWT。JWT 可以从本地存储(如 localStorage)中获取,然后在请求中进行传递。
请注意,示例中的 '/api/data' 是一个示意的 API 地址,请根据实际情况替换为你的后端 API 地址。
使用这种方式,在发送请求时,JWT 会作为请求头的一部分发送到服务器端,服务器端可以通过解析请求头中的 JWT 来验证用户身份。