java怎么将生成的token传递给vue前端
时间: 2023-05-11 18:05:01 浏览: 404
Java 可以通过将生成的 token 存储在 HTTP 响应头中,然后在 Vue 前端使用 axios 拦截器获取响应头中的 token,存储在浏览器的本地存储中,以便后续的请求都可以携带该 token。具体实现可以参考以下代码:
Java 后端代码:
```
// 生成 token 并存储在响应头中
String token = "your_token";
response.setHeader("Authorization", token);
```
Vue 前端代码:
```
// 在 axios 拦截器中获取响应头中的 token 并存储在本地存储中
axios.interceptors.response.use(function (response) {
const token = response.headers.authorization;
localStorage.setItem('token', token);
return response;
}, function (error) {
return Promise.reject(error);
});
```
然后在后续的请求中,可以通过设置 axios 的请求头来携带该 token:
```
// 在 axios 请求中设置请求头携带 token
axios.defaults.headers.common['Authorization'] = localStorage.getItem('token');
```
这样就可以实现 Java 后端生成 token 并传递给 Vue 前端的功能了。