로컬 호스트 외부에서 액세스를 허용하는 방법

로컬 호스트 외부에서 액세스를 허용하는 방법

Angul2에서 localhost 외부 접근을 허용하려면 어떻게 해야 하는가?I can find about at attack.localhost:3030/panel쉽지만 IP를 쓸 때 다음과 같이 탐색할 수 없다.10.123.14.12:3030/panel/.

어떻게 고치는지 좀 알려주시겠습니까?사용하지 않음npm(node project management - 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로 다시 호스팅하십시오.

참고: OS 설정에서 연결이 공개로 설정되어 있는지 확인하십시오.

Mac 사용자:

1. 시스템 기본 설정 -> 네트워크 -> Wi-Fi로 이동
2. IP 주소를 상태 아래에 복사(일반적으로 192.168.1.x)
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 주소를 사용하여 외부에서 액세스할 수 있음(로컬 호스트 대신)할 수 있음

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

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

npm을 사용하고 있으며 매번 명령 실행을 피하고 싶다면 다음 줄을 패키지에 추가하면 된다.스크립트 섹션의 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"
    },
...

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

도커 내부에서 동일한 문제가 발생할 경우 아래를 사용하십시오.CMD도커 파일로.

CMD ["ng", "serve", "--host", "0.0.0.0"]

또는 전체 도커 파일

FROM node:alpine
WORKDIR app
RUN npm install -g @angular/cli
COPY . .
CMD ["ng", "serve", "--host", "0.0.0.0"]

cmd를 열고 프로젝트 위치(예: npm install 또는 ng serve를 실행하는 프로젝트 위치)로 이동하십시오.

그런 다음 명령을 실행하십시오.ng serve --host 10.202.32.45어디에10.202.32.45당신의 IP 주소 입니다.

당신은 당신의 페이지에 접근할 수 있을 것이다.10.202.32.45:4200여기서 4200은 당신의 포트 번호 입니다.

참고: 이 명령을 사용하여 앱을 제공하면 액세스할 수 없음

누군가에게 도움이 될 수 있는 빠른 솔루션:

이 줄을 시작 값으로 추가ng serve --host 0.0.0.0 --disable-host-check당신 안에package.json

ex:

{
"ng": "ng",
"start": "ng serve --host 0.0.0.0 --disable-host-check",
"build": "ng build",
}

그리고 나서 간단히 한다.start또는npm run start

당신은 다른 로컬 IP로부터 당신의 프로젝트에 접속할 수 있을 것이다.

또한 ngrok를 사용하여 터널을 통해 실행되는 모든 HTTP 트래픽을 조사할 수 있으며, 그 다음 당신은 다음을 사용하여 노출할 수 있다.ngrok http --host-header=rewrite 4200

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

   브라우저를 <IP-ADDRESS>로 열기:4200

2. 사용.ng serve --host 0.0.0.0 --disable-host-checklocalhost 대신 도메인을 사용하여 ng services에 연결할 수 있다.

   <DOMAIN-NAME>에서 브라우저 열기:4200

각도 버전 11(및 일부 이전 버전)에서--public-host예를 들어, 옵션이 나에게 요령을 알려준다.

$ ng serve --host 0.0.0.0 --public-host app.mypublicdomain.com

ng serve --host 0.0.0 명령을 사용하여 문제가 해결되었다.다른 컴퓨터에서 앱에 액세스하려면 192.168.x.x:5200을 사용하십시오.

또한 클라이언트 및 서버에서 방화벽 규칙을 확인하십시오(방화벽을 일시적으로 해제하거나 트래픽을 허용하는 규칙을 생성).

아니요.package.json변화를 위해 필요하다.

내게는 다음을 사용하여 작동한다.

ng serve --host=0.0.0.0 --port=5999 --disable-host-check

호스트: http://localhost:5999/

• 사용하다.

• ng serve --host=serve.sng.1.11 --port=4545.

• 이제 컴파일이 끝나면 아래 줄을 볼 수 있다.

192.1.1.11:45 45에서 Angul Live Development Server가 수신 중, 브라우저를 여십시오.http://192.111.1.11:4545/**.

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

이것은 나에게 완벽히 작용했다(A 호스트가 그 IP를 가리키는 공용 IP를 사용하기도 한다).

만들다proxy.conf.json이 구성을 붙여넣으십시오.

{  
"/api/*":
    {    
        "target": "http://localhost:7070/your api project name/",
        "secure": false,
        "pathRewrite": {"^/api" : ""}
    }
}

바꾸기:

let url = 'api/'+ your path;

CLI에서 실행:

ng serve  --host port.number —-proxy-config proxy.conf.json

내게는 "ng serve --open --host 0.0.0"을 사용하여 작동하지만 경고가 있다.

---

경고: 이것은 각도 응용 프로그램을 로컬로 테스트하거나 디버깅하는 데 사용할 수 있는 간단한 서버 입니다.보안 문제는 아직 검토되지 않았다.

이 서버를 열린 연결에 바인딩하면 응용 프로그램이나 컴퓨터가 손상될 수 있다.-host 플래그에 전달된 호스트와 다른 호스트를 사용하면 웹셋 연결 문제가 발생할 수 있다."--사용 안 함"을 사용해야 할 수 있음HostCheck"가 그렇다면.

노드 프로젝트 관리자를 사용하는 사용자에게는 이 라인이 패키지에 추가되기도 한다.json이면 충분할 것이다.각도 CLI 사용자의 경우, mast3rd3mon의 대답이 참이다.

추가할 수 있음

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

짐을 꾸리다json

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