vue传list到springboot
时间: 2023-10-09 21:07:49 浏览: 92
vue+springboot小案例
在Vue中使用Axios将数据发送到Spring Boot后端可以遵循以下步骤:
1. 在Vue组件中定义要发送的数据,例如一个list。
2. 在Vue组件中使用Axios将数据发送到Spring Boot后端。例如:
```
import axios from 'axios';
export default {
data() {
return {
myList: [] // 定义要发送的list
};
},
methods: {
sendList() {
axios.post('/api/myList', this.myList)
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});
}
}
};
```
3. 在Spring Boot后端中定义一个接收list的API。例如:
```
@RestController
@RequestMapping("/api")
public class MyController {
@PostMapping("/myList")
public void receiveList(@RequestBody List<String> myList) {
System.out.println(myList);
}
}
```
在这个例子中,我们定义了一个名为receiveList的API,用于接收一个名为myList的字符串列表。使用@RequestBody注解告诉Spring Boot框架将请求主体中的数据映射到该参数上。
注意:这只是一个简单的示例,实际应用中可能需要进行更多的错误处理和数据验证。
阅读全文