【HTML】前端跳转如何携带Token?
在前端项目中,登录成功后获取Token值,然后在后续的请求中都需要在请求头中携带这个Token,这是一种常见的做法。这种情况下,你可以选择使用LocalStorage或者SessionStorage来存储Token。
localStorage.setItem('token', 'your token');
然后在每次发送请求时,都从LocalStorage中获取Token,并添加到请求头中。
let token = localStorage.getItem('token');
axios.defaults.headers.common['Authorization'] = 'Bearer ' + token;
存储Token:
sessionStorage.setItem('token', 'your token');
获取Token并添加到请求头中:
let token = sessionStorage.getItem('token');
axios.defaults.headers.common['Authorization'] = 'Bearer ' + token;
注意:以上的代码示例使用了axios库来发送HTTP请求,如果你使用的是其他库,比如fetch,设置请求头的方式可能会有所不同。
另外,存储Token时要注意安全问题,避免XSS攻击。