Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 프로그래머스 K_Digital Training
- react next
- 리스트 렌더링
- SCSS import
- 쌓임맥락
- KDT 프로그래머스 데브코스 프론트엔드
- 리액트
- SCSS extend
- postcss
- Spacer
- vue 지역 컴포넌트
- 프로그래머스 데브코스
- intersection opserver
- flex
- git 같은계정 다른 컴퓨터
- 다른컴퓨터에서 git사용
- 프로그래머스 프론트엔드 데브코스
- SCSS forward
- nextjs사용법
- 이벤트 수식어
- vuex map
- vue mixin
- 프로그래머스 데브코스 프론트엔드
- netlify redirect
- Vue
- 폼 입력 바인딩
- KDT 프로그래머스
- 고양이 사진 검색기
- vue 이벤트 수신
- SCSS use
Archives
- Today
- Total
혼자 적어보는 노트
ngrok으로 로컬 개발 환경 외부에 공유하기 본문
모바일로 로컬 환경을 확인해봐야 할 일이 있어서 알게된 ngrok
https://ngrok.com/docs/getting-started
설치
brew install ngrok/ngrok/ngrok
기본 실행 방법은 로컬 개발 서버 띄우고 아래의 명령어를 입력하면 된다.
ngrok http (port번호)
명령어 입력 후 터미널 창에 나타난 주소를 클릭하면 공유할 수 있는 링크로 연결된다.
Invalid Host header Error
개인적으로 하는 프로젝트에서는 위의 기본 실행 명령어로 접속이 가능했지만
회사에서 테스트 할 때는 위 명령어로 진행이 되지 않아서 host-header를 지정해주는 명령어를 추가했다.
http (port번호) --host-header="localhost:(port번호)"
이 외에도 에러 발생 시 코드가 나타나는데 공식 문서에서 확인할 수 있다.
'기타' 카테고리의 다른 글
JWT에 대해 이해하기 (+ cookie, session) (0) | 2022.09.17 |
---|---|
객체지향 프로그래밍(OOP) (0) | 2022.09.16 |
정규 표현식 공백 및 특수문자 체크 (0) | 2022.09.04 |
프로그래머스 데브코스 TIL - Day 52 (0) | 2022.05.31 |
[VSCode] 새 파일, 새 폴더 단축키 설정 (0) | 2022.05.31 |
Comments