vue.js [axios를 통해 데이터 불러오기 3]

 

 

http://localhost:8081/#/Home에 일부 데이터를 불러오는 과정에서 

board의 content만 추출하려고 {{user.content}}를하였는데

 

 

 

 

 

 

 

 

 

 

TypeError 메세지가 나오고 'id'값을 읽을 수 없다는 에러가 떴다.

당연히 http://localhost:8081/#/Home에서도 화면에 아무것도 뜨지 않았다.

 

 

 

 

 

 

 

약 2주가량 삽질끝에 겨우 에러를 해결하였는데 해결하고나니 너무 허무했다...

spring boot (backend)에 문제가 있었다.

 

 

 

BoardController를 보면 ApiResponse를 사용하여 메소드를 만들었는데 

 

수정전 BoardController

 

 

 

 

 

 

 

 

 

 

ApiResponse를 지우고 List를 DTO에 담아 선언하니 해결되었다..

return 받는 형식이 List인 data가 아니라 ApiResponse로 return받아서 그랬던것 같다.

 

수정후 BoardController.java

 

 

 

 

 

 

 

 

 

 

 

 

 

2주만에 성공

 

 

 

type에러 메세지도 뜨지 않고 데이터를 잘 불러 왔다!

 

 

 

 

 

 

 

 

 

 

 

id와 author도 같이 불러와봤는데

 

 

 

 

 

 

 

 

 

 

확인해보니 잘 전달이 되었다.