springboot 项目,前端怎么实现页面跳转时,请求头携带token
时间: 2024-12-11 10:40:58 浏览: 11
在Spring Boot项目中,前端页面想要在跳转时将请求头(如Authorization头部携带Token)附加到HTTP请求中,通常的做法是在浏览器发送Ajax请求时手动设置。以下是使用JavaScript的一个常见示例:
```javascript
// 假设你有一个全局变量存储用户Token
const token = localStorage.getItem('accessToken');
// 当需要进行跨域请求并带Token时,可以在axios配置里添加拦截器
import axios from 'axios';
axios.interceptors.request.use(config => {
if (token) {
config.headers.Authorization = `Bearer ${token}`;
}
return config;
}, error => {
// 拦截错误处理...
return Promise.reject(error);
});
// 页面跳转时,例如使用vue-router,可以这么操作:
this.$router.push({ path: '/your-url', params: { token } }); // 或者直接在URL后面拼接`?access_token=${token}`
// 如果是使用React的话,可以这样做:
import { useHistory } from 'react-router-dom';
const history = useHistory();
history.push('/your-url', { access_token: token });
阅读全文