CORS error

 포트를 변경할 필요가 생겨서 8081로  application.yaml 에 server: port:  8081 한 뒤 기동했더니 아래와 같은 에러가 나옴.

server: port:  8081했는데 왜 Access to XMLHttpRequest at 8080 api 로 요청하는것인지? 재빌드했는데 상관없는것인지? 

참고

なんとなく CORS がわかる...はもう終わりにする。 - Qiita

Cross - Origin Resource Sharing : 오리진간 자원공유

오리진과 비슷한 개념은 도메인임.

도메인과 오리진의 차이를 아는것이 이미지떠올리기(湧きやすい) 쉬움

origin 은 protocol + domain + portnumber 

예) domain : google.com

      origin: https://google.com:443 

Google

CORS는 오리진간 자원공유라는 의미. 즉 작동중인 웹 어플리케이션에 대해 다른 오리진의 서버의 엑세스를 오리진간 http요청에 의해서 허가할수있는 구조를 말함.

허가할수있게되기까지의 구조는 서버로부터 reponse에 리소스의 공유를 허가하기위한 header를 추가하여 가능하게한다는 느낌.

 

결론적으로 내 프로젝트의 경우는 리소스 공유를 하지않는 것을 상정하고있기때문에 CORS 에러가 근본적인 이유가 아니었고 npm run build:prod시에 나오는 DB  에러들을 해결하고 빌드 성공하고 나니 해결됨