Vue获取后端放在RedirectAttributes的数据
时间: 2024-09-29 20:15:13 浏览: 32
在Vue.js中,如果你想要从后端通过`RedirectAttributes`(通常用于Spring框架的重定向操作)获取数据,你需要在后端处理完逻辑并将数据添加到`RedirectAttributes`之后,设置这个属性,并将前端请求改为对这些属性的访问。
1. 后端(例如:Spring Boot):
```java
// 假设你有一个Controller并完成了某种身份验证
RedirectAttributes redirectAttributes = new RedirectAttributes();
redirectAttributes.addFlashAttribute("customData", "yourValue"); // 设置你要传递给前端的数据
// 然后重定向到另一个页面
response.sendRedirect("/someUrl", redirectAttributes);
```
2. 前端(Vue组件):
```javascript
// 使用axios等HTTP库发送GET请求到指定的URL,同时携带自定义查询参数
axios.get('/someUrl', {
params: { _redirect: 'true' } // 携带一个特殊标志告知后端需要获取RedirectAttributes数据
})
.then(response => {
if (response.data && response.data.customData) { // 判断是否有你期待的数据
console.log('Received from server:', response.data.customData);
}
})
.catch(error => {
// 处理错误...
});
```
在这个场景下,后端会在重定向时附加数据到URL查询参数中,然后前端通过查询参数读取这些值。注意,这并不是一种标准做法,因为查询参数可能会出现在浏览器的历史记录中,不适合存储敏感信息。