본문 바로가기

Vue

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

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">

'Vue' 카테고리의 다른 글

eslint, prettier  (0) 2021.12.14
같은 라이브러리 다른버전 npm install  (0) 2021.10.05
[Vue3] Watch, WatchEffect  (0) 2021.09.06
Vue Cli 3 IE polyfill 설정하기  (0) 2020.06.25
브라우저 blob 데이터 받기  (0) 2019.10.30