前端可以取到mock的假数据,却无法取到后端springboot接口数据

最近在做一个前后端分离的项目, 前端用的是Vue后端使用的是springboot, 在项目整合的时候发现前端调用后端接口一直在报错

---

CORS策略已阻止从源“http:localhost:9528”访问位于“http:192 . 168 . 150 . 249:8001//user”的XMLHttpRequest:请求的资源上不存在“Access-Control-Allow-Origin”标头。

 后面发现有两个问题:

1. 前端跨域请求已解决, 那么问题就出在后端了, 找了一些资料找到了很多种方法,发现只需要加一个@CrossOrigin就解决了跨域的问题.

此时问题就解决一半了

@CrossOrigin
@RestController
@RequestMapping("/user")//第一个路径:http://localhost:8001/user
public class UserController

---

 

可以看到在终端可以取到数据,但是在列表中无法显示

                                             

---

---

 

this.tableData = response.data
  console.log(response.data)

 2.将数据类型改为.data就可以了

 困扰了很久问题终于解决 la