问题遇到的现象和发生背景
在做毕业设计,请教:
Web前端使用的是axios发异步请求,但是后端数据已经打印到控制台了,封装modelAndview。Web前端接受不到。。
还是说我的接受方法有误?
问题相关代码,请勿粘贴截图
Web的html部分代码:
<tr v-for="(user,i) in users">
<td>{{i+1}}</td>
<td>{{user.username}}</td>
<td>{{user.password}}</td>
<td>{{user.nickname}}</td>
<td>{{user.phonenum}}</td>
<td>{{user.address}}</td>
</tr>
<script>
new Vue({
el:"#app",
data(){
return{
users:[]
}
},
mounted(){
var _this=this;
axios({
method:"GET",
url:"http://localhost:8080/usedcar/user/findAll"
}).then(function (resp) {
this.users=resp.data;
})
}
})
</script>
后端Idea:
@RequestMapping(value = "/findAll")
public ModelAndView findAll(ModelAndView modelAndView) {
List<User> userList=userService.findAll();
//输出控制台
for (User user : userList) {
System.out.println(user);
}
modelAndView.addObject("userList",userList);
return modelAndView;
}
运行结果及报错内容
控制台输出结果
User{uid=10001, username='root', password='root', nickname='', phonenum='null', address='null', account=0}
User{uid=10008, username='zhangsan', password='123456', nickname='张三', phonenum='null', address='null', account=0}
User{uid=10009, username='lisi', password='123', nickname='李四', phonenum='null', address='null', account=0}
User{uid=10010, username='wangwu', password='123456', nickname='王五', phonenum='null', address='null', account=0}
我的解答思路和尝试过的方法
是否需要将ModelAndView返回数据设置成Json?如何做呢?