使用localStorage现实每次请求都携带token
时间: 2024-04-18 11:31:05 浏览: 178
要在每次请求中都携带 token,可以使用 localStorage 存储 token,并在发送请求时从中获取并添加到请求头中。下面是一个使用 localStorage 实现每次请求都携带 token 的示例:
```javascript
// 存储 token
localStorage.setItem('token', 'your_token_here');
// 发送请求时获取并设置请求头
const token = localStorage.getItem('token');
// 使用 XMLHttpRequest 发送请求的示例
const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/api');
xhr.setRequestHeader('Authorization', `Bearer ${token}`);
xhr.send();
```
在上面的示例中,首先将 token 存储在 localStorage 中,然后在发送请求时通过 `localStorage.getItem('token')` 获取 token,并将其添加到请求头的 Authorization 字段中。
请注意,这只是一个简单示例,实际应用中可能需要根据具体情况进行适当的错误处理和安全措施,如验证 token 的有效性、处理 token 过期等。另外,如果你使用的是现代的 JavaScript 框架或库,如 React、Vue 或 Angular,它们通常提供了更方便的方式来处理全局请求头的设置和管理。
阅读全文