일반적으로 일반 Vue 프로젝트의 경우 로컬 localhost는 기본적으로 HTTP 요청 프로토콜로 시작됩니다.
백엔드가 http 프로토콜을 https 요청으로 변경하면 프런트엔드도 변경해야 합니다. 그렇지 않으면 백엔드 인터페이스가 400(잘못된 요청) 오류를 보고합니다.
실제로 프런트엔드 처리도 매우 간단합니다.
vue.fonfig.js 구성 파일을 찾아 프록시 주소를 https로 변경한 다음 아래 그림과 같이 devServer에서 https를 활성화하는 요청 구성을 추가합니다.
이런 식으로 프로젝트를 다시 시작하고 실행하면 브라우저에 보안 연결이 아니라는 메시지가 표시됩니다. 괜찮습니다. 계속하려면 클릭하세요. 그러면 괜찮을 것입니다.