vue.js [Spring boot와 연동관련 에러] (carStore프로젝트)

 

CarStore프로젝트로 Springboot + vue 연동하여 axios로 Car테이블을 불러오던 중 에러가 발생하였다.

 

 

 

 

 

분명히 url도 바르게 입력하여 들어갔는데도 404에러가 떠서 처음에 security관련 문제인가 싶어서 토큰을 헤더에 넣고 axios통신을 하였는데 그래도 안되길래 약 이틀동안 수많은 삽질을 하였다.

 

 

 

vue, axios, router 버전도 다 확인하고 uninstall하고 다시 설치도 해보고 아무리 봐도 axios가 안되는건 연동문제 인것 같아서 config.js에서 port번호도 바꿔보았는데 자세히 보니 vue.config.js 로 파일의 이름이 되어 있어야 하는데 vueconfig.js로 내가 파일을 생성하여서 연동 자체가 안되었던  것이였다..

 

 

 

 

 

 

아무리 axios error를 찾아봐도 안나오길래 수 많은 삽질 끝에 겨우 원인을 찾아내니 엄청나게 허무하고 찾으면서 굉장히 스트레스를 많이 받았는데 그래도 다행이라는 생각도 들었다. 

 

 

다시는 이런 실수를 안할것같다..

앞으로 파일생성할때는 이름을 두번세번은 무조건 확인하고 만들 예정이다.

 

 

 

 

결국 car테이블을 axios를 통해 불러오는것 까지 성공하였고

 

 

원래는 폼을 완전히 다 수정하고 게시글을 쓸 생각이였지만

오늘은 글을 꼭 남겨야 할 것 같아서 다시는 이런 실수가 없도록 포스팅하였다.

 

 

++ 지난번 board테이블 폼을 이용하여 테이블을 불러 왔고 Car테이블에 맞게 폼을 수정하고 데이터를 가공해서 만들 예정이다.