현재 명령:ng 서브--호스트--공$IP:$포트
결과 내에 웹 사이트:
잘못된 헤더 Host
는--disable-호스트를 확인
깃발을 잘 작동을 실행해야 하는 경우에 Cloud9.
나는 다음과 같은 명령을 사용합니다:
ng serve --open --host $IP --port $PORT --disable-host-check
당신이 필요하는 호스트를 지정
ng serve --port 8080 --host 123.34.56.78
이것이 나를 위해:
ngrok http --host-header=rewrite PORT
예를 들어:
ngrok http --host-header=rewrite 4200
내 경우에는,내가 사용하는 호스트 이름을 업데이트/etc/hosts 파일을 수정하면 됩니다.
vi /etc/hosts
추가 당신의 호스트 이름을 마지막 라인입니다.
127.0.0.1 myHostName.com
을 연결하는 내 서버
ng serve -o
오류가 발생한 때에 연결myHostName.com:4200.
그래서 나는 다음과 같이,
ng serve --host 0.0.0.0 --disableHostCheck true
다시 연결하는myHostName.com:4200:)
테스트에서 아래로 버전의 각 서버마존.
Angular CLI: 6.0.8
Node: 8.11.3
OS: linux x64
Angular: 5.2.8
ng 명령어 옵션을 변경되었다,이 구성의대신
환경`. 명령하는 나를 위해 일하는
ng serve --configuration=dev --port 4009 --host 0.0.0.0 --publicHost myhost.com
사용하지 않--disable-호스트를 확인
공개 서버입니다. 각 것입니다 경우 경고 메시지를 표시하고 이것을 사용합니다. 그것은 작동할 수 있지만 그것은 심각한 보안 문제가 발생할 수 있습니다. 당신을 얻을 것이 이 메시지를 사용하는 경우에는 플래그입니다.
WARNING:Running a server with--disable-호스트를 확인은 보안 위험이 있습니다. 보 https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a 에 대한 더 많은 정보입니다.
하는 데 시간이 걸릴하시기 바랍니다 그 기사를 읽고 그것을 읽을 가치가있다.
이제 해결에 중 하나의 유튜브 영상 주석 감사<강>마테우스 사와
이동[여기서][1]을 확인하십시오.
--specifyng 호스트에서는 패키지입니다.json 더 이상 작동하지 않습니다--
그냥 참고 필요가 없다는 명령을 사용하는 사용되었다는 비디오에서,우는 소리 지침이 충분히 응용 프로그램 작업을 위해 사용하여 일정하고<코드>각-cli</드>개발
첫째로 당신은 당신을 찾아야<강>스에서<강>etc/폴더
유형<코드>cd..</드>콘솔에서 도달할 때까지의 뿌리는 리눅스 기계 및 검사와 항상 함께<코드>ls</드>나열
당신이 볼<강>스파일에 있는 것보다 오른쪽에 위치하고 사용하여 다음<코드>sudo vi 스</드>편집
줄을 추가 우는 모든 ip 주소를"0.0.0.0yourworkspace-username 이.c9users.io"(따옴표는 물론:-))
또한 패키지입니다.json 변경 "시작":"ng 제공-Hyourworkspace-username 이.c9users.io"
다음으로 이동해야 응용 프로그램 폴더와 응용 프로그램을 시작에서 터미널과 함께<코드>npm 시작</드>
확인 그것은 지금 그리고 그것은 일
참조하시기 바랍니다:https://github.com/angular/angular-cli/issues/6070
를 사용하여 공중 플래그입니다. 예를 들어ng 봉사--host<workspace>-<사용자 이름>.c9users.io--공개
는 것입니다 당신은에 액세스 할 수 있습 링크에서 지정한--공중 매개 변수입니다. 내 경우에는,내가 가 제공하는 IP 주소에--공공 및 액세스하려는 그것은 도메인 등록에 대하여는 IP. 하지만 ng 바인딩에 대한 유일한 호스트에서 제공하는--공개한다.
이 문제를 해결하기 위해,나는 공급되는 하나 이상의 매개 변수:disable-호스트를 확인
.
전체 명령:ng 봉사--disable-호스트를 확인--host0.0.0.0--포트 3100--공 x.x.x.x
자세한 내용은여기 클릭
여기에는 솔루션을 사람이 아직도에 갇혀잘못된 host 헤더
문제점:
실행ng 꺼내기
그것이 만들어webpack.config.js
.
실행npm
은 경우 요청하고 있습니다.
추가 아래"disableHostCheck":true
todevServer
에서webpack.config.js
. 아래와 같다:
"devServer": {
"historyApiFallback": true,
"disableHostCheck" : true //<-- add this line
}
그런 다음에서패키지입니다.json
파일이 변경시작
아래 옵션ng
이
"시작":"등-개발-서버--host0.0.0.0--포트 YOURPORT--공 YOURIP:YOURPORT"
지금 실행하는 각도와 함께고궁을 시작
명령입니다.
요.