localhost 외부에서 액세스를 허용하는 방법

localhost 외부에서 액세스를 허용하는 방법

---

Angular2에서 localhost 외부의 액세스를 허용하려면 어떻게해야합니까? 에서 localhost:3030/panel쉽게 탐색 할 수 있지만 같은 IP를 작성하면 탐색 할 수 없습니다 10.123.14.12:3030/panel/.

해결 방법을 알려주시겠습니까? npm프로젝트를 설치하고 실행하기 위해 (node ​​project manage-node install / node start)를 사용하지 않습니다 .

원하시면 저 package.json와 index.html.

---

를 사용 ng serve --host 0.0.0.0하면 ng serve대신 ip를 사용하여 에 연결할 수 있습니다 localhost.

편집하다

최신 버전의 cli에서는 대신 로컬 IP 주소를 제공해야합니다.

2 편집

최신 버전의 cli (v5 이상이라고 생각합니다)에서는 0.0.0.0네트워크의 모든 사람이 대화 할 수 있도록 다시 ip로 사용할 수 있습니다 .

---

Mac 사용자 :

1. 시스템 환경 설정-> 네트워크-> Wi-Fi로 이동합니다.
2. 상태 (일반적으로 192.168.1.x) 아래의 IP 주소를 복사합니다.
3. 다음과 같이 귀하의 ng에 붙여 넣으십시오. ng serve --host 192.168.1.x

그런 다음을 통해 다른 장치에서 페이지를 볼 수 있어야합니다 192.168.1.x:4200.

---

실행 명령- "ng serve --host = 0.0.0.0 --disable-host-check"

이것은 호스트 확인을 비활성화하고 ip 주소로 외부 (localhost 대신) 액세스를 허용합니다.

---

ngrok를 사용하여 터널을 통해 실행되는 모든 HTTP 트래픽을 검사 할 수도 있습니다 . 그런 다음ngrok http --host-header=rewrite 4200

---

다음 명령을 사용하여 IP로 액세스 할 수 있습니다.

ng serve --host 0.0.0.0 --disable-host-check

npm을 사용 중이고 매번 명령을 실행하지 않으려면 스크립트 섹션 의 package.json 파일에 다음 줄을 추가 할 수 있습니다 .

"scripts": {
    ...
    "start": "ng serve --host 0.0.0.0 --disable-host-check"
    ...
}

그런 다음 아래 명령을 사용하여 앱을 실행하여 동일한 네트워크의 다른 시스템에서 액세스 할 수 있습니다.

npm start

---

angular.json내 프로젝트에서 아래와 같이 파일을 편집 하고 작동합니다.

...

    "serve": {
      "builder": "@angular-devkit/build-angular:dev-server",
      "options": {
        "browserTarget": "project:build",
        "host": "0.0.0.0"
      },

...

---

cmd를 열고 프로젝트 위치, 즉 프로젝트에 대해 npm install 또는 ng serve를 실행하는 위치로 이동합니다.

그런 다음 명령을 실행 하십시오-IP 주소는 ng serve --host 10.202.32.45어디에 있습니까 10.202.32.45?

10.202.32.45:42004200이 포트 번호 인 페이지에 액세스 할 수 있습니다.

참고 : 이 명령을 사용하여 앱을 제공하면 액세스 할 수 없습니다.localhost:4200

---

문제는 방화벽이었습니다. Windows를 사용하는 경우 노드가 다음을 통해 허용되는지 확인하십시오.

---

노드 프로젝트 관리자를 사용하는 사람들에게는 package.json에 추가하는이 줄도 충분합니다. 각도 CLI 사용자의 경우 mast3rd3mon의 대답이 참입니다.

추가 할 수 있습니다.

"server": "webpack-dev-server --inline --progress --host 0.0.0.0 --port 3000"

package.json으로

참고 URL : https://stackoverflow.com/questions/43492354/how-to-allow-access-outside-localhost