문제⛔ Front End(Nuxt.js)와 Back End(Spring boot)를 나누어 개발하다 보면 API 호출 시 CORS 정책에 따른 API 호출 불가 메세지가 발생합니다. 개발 환경에서 이를 우회하기 위한 설정을 알아보겠습니다. Node.js 서버(localhost:3000) Tomcat 서버(localhost:8080) CORS란❓ CORS(Cross-Origin Resource Sharing)는 웹 애플리케이션에서 발생하는 보안 상의 제약을 우회하기 위해 도입된 웹 브라우저의 정책입니다. 웹 브라우저는 보안상의 이유로 동일 출처 정책(Same-Origin Policy)를 따르며, 이 정책은 한 출처(origin)에서 로드된 문서나 스크립트가 다른 출처의 자원에 접근하는 것을 제한합니다. 출..
nuxt.config.js
프로젝트 오픈을 앞두고 인증서를 최신화 시킨 후 테스트를 해야하는 상황이 있었다. 이때에 로컬에서 먼저 테스트를 해보려고 했더니 http에서는 확인이 어려웠다(본인이 못한걸 수도 있다). 이참에 로컬에서 테스트를 할때에 https로 서버를 띄우는 방법을 알아보자 nuxt.config.js에 아래와 같이 설정을 해준다. __dirname에는 발급받은 인증서 경로를 뒤에는 인증서 이름을 입력하면 된다. 공식문서 : https://nuxtjs.org/docs/configuration-glossary/configuration-server/#example-using-https-configuration The server Property Nuxt let you define the server connection v..
