Vue

[vue] ngrok 을 이용해서 외부에서 로컬로 접속하기

SO-BBANG 2022. 5. 17. 23:43

ngrok 에 관한건 아래 글 참고

https://ksy93.tistory.com/entry/ngrok-%EC%99%B8%EB%B6%80%EC%97%90%EC%84%9C-%EB%A1%9C%EC%BB%AC%EB%A1%9C-%EC%A0%91%EC%86%8D%ED%95%B4%EC%84%9C-%EA%B0%9C%EB%B0%9C%ED%95%98%EA%B8%B0

 

[ngrok] 외부에서 로컬로 접속해서 개발하기

ngrok이란? 외부(Public)에서 로컬에 접속할 수 있게 도와주는 터널링 프로그램 1. ngrok 설치 brew install --cask ngrok cask 가 없으면 설치(*cask: 간단한 명령어 한줄로 맥용 어플을 설치해주는 유틸리티 프.

ksy93.tistory.com

 

아래 설정 추가

module.exports = {
	...
    devServer: {
    	...
        allowedHosts: 'all', // 추가하니 에러나서 확인중
        disableHostCheck: true
    }
}

 

만약에 chrome에서 mixed content 에러가 난다면 index.html <head> 태그 안에 추가

Mixed content 문제 해결(https 사이트에서 http 사이트 요청 시 발생하는 보안 문제)

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">