구성 파일에서 서버에 대한 기본 호스트 및 포트 설정

구성 파일에서 서버에 대한 기본 호스트 및 포트 설정

구성 파일에서 호스트와 포트를 설정하여 입력하지 않아도 되는지 알고 싶습니다.

ng serve --host foo.bar --port 80

의 대신에

ng serve

Angular CLI 6+

Angular의 최신 버전에서는 구성 파일에 설정되어 있습니다.예:

{
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
    "projects": {
        "my-project": {
            "architect": {
                "serve": {
                    "options": {
                        "port": 4444
                    }
                }
            }
        }
    }
}

를 사용하여 값을 보거나 편집할 수도 있습니다.

ng config projects["my-project"].architect["serve"].options {port:4444}

각도 CLI <6

이전 버전에서는 아래에 설정되었습니다.defaults요소:

{
  "defaults": {
    "serve": {
      "port": 4444,
      "host": "10.1.2.3"
    }
  }
}

현재로서는 해당 기능이 지원되지 않지만, 이 기능이 문제가 된다면 패키지에 다른 기능이 포함될 것입니다.json...

"scripts": {
  "start": "ng serve --host foo.bar --port 80"
}

이렇게 하면 간단히 실행할 수 있습니다.npm start

여러 프로젝트에서 이 작업을 수행하려는 경우 다른 옵션은 잠재적으로 이름을 지정할 수 있는 별칭을 만드는 것입니다.ngserve위의 명령을 실행합니다.

두 가지 명령줄 옵션을 사용하여 기본 HTTP 포트와 LiveReload 서버에서 사용하는 포트를 구성할 수 있습니다.

ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153

https://github.com/angular/angular-cli

최신 Angular CLI에서 변경되었습니다.

파일 이름이 다음으로 변경되었습니다.angular.json그리고 구조도 바뀌었습니다.

다음 작업을 수행해야 합니다.

"projects": {
    "project-name": {
        ...
        "architect": {
            "serve": {
                "options": {
                  "host": "foo.bar",
                  "port": 80
                }
            }
        }
        ...
    }
}

다른 옵션은 실행하는 것입니다.ng serve로의 지휘.--port옵션(예:

ng serve --port 5050(즉, 포트 5050의 경우)

또는 다음 명령을 사용합니다.ng serve --port 0사용할 수 있는 포트를 자동으로 할당합니다.

Angular에서 기본 포트 번호를 변경하는 방법은 두 가지가 있습니다.

첫 번째 방법은 CLI 명령을 사용하는 것입니다.

ng serve --port 2400 --open

두 번째 방법은 다음 위치에서 구성하는 것입니다.

ProjectName\node_modules\@angular-devkit\build-angular\src\dev-server\schema.json.

schema.json 파일을 변경합니다.

{
 "title": "Dev Server Target",
  "description": "Dev Server target options for Build Facade.",
  "type": "object",
  "properties": {
    "browserTarget": {
      "type": "string",
      "description": "Target to serve."
    },
    "port": {
      "type": "number",
      "description": "Port to listen on.",
      "default": 2400
    },

사용자 지정 호스트/IP 및 포트에서 각도 프로젝트를 실행하려는 경우 구성 파일을 변경할 필요가 없습니다.

다음 명령은 나에게 효과가 있었습니다.

ng serve --host aaa.bbb.ccc.ddd --port xxxx

어디에,

aaa.bbb.ccc.ddd --> IP you want to run the project
xxx --> Port you want to run the project

예

ng serve --host 192.168.322.144 --port 6300

나의 결과는.

파일에 저장할 수 있지만 파일에 저장해야 합니다..ember-cli(적어도 지금은); https://github.com/angular/angular-cli/issues/1156#issuecomment-227412924 을 참조하십시오.

{
"port": 4201,
"liveReload": true,
"host": "dev.domain.org",
"live-reload-port": 49153
}

edit: 이제 빌드 1.0.0-dll에 있는 commit https://github.com/angular/angular-cli/commit/da255b0808dcbe2f9da62086baec98dacc4b7ec9, 에서 angular-cli.json에서 설정할 수 있습니다.30

창에 있는 경우 다음과 같은 방법으로 작업을 수행할 수 있습니다.

1. 프로젝트 루트 디렉터리에서 run.bat 파일 생성
2. 이 파일에서 선택한 구성을 사용하여 명령을 추가합니다.예를들면

ng serve --host 192.168.1.2 --open

3. 이제 서비스를 제공할 때마다 이 파일을 클릭하고 열 수 있습니다.

이것은 표준적인 방법은 아니지만 사용하기에 편합니다.

ngserver를 실행할 때 특별히 로컬 IP 주소를 열려고 하는 경우 다음을 수행할 수 있습니다.

npm install internal-ip-cli --save-dev
ng serve --open --host $(./node_modules/.bin/internal-ip --ipv4)

로 로컬 이름 /etc/hosts너무 많은 노력이 아닙니다.

• 를 hosts, 을 실행:sudo nano /etc/hosts.
• 다음합니다. 예: " " " " " (" " " " " " " " " "127.0.0.1 localho.st

그다런음구수다있니습을 할 수 .architect>serve 내의 angular.json:

"options": {
  "browserTarget": "app:build",
  "liveReload": true,
  "host": "localho.st",
  "port": 8100
},

그리고 누군가는 또한 그것을 바꾸고 싶을 수도 있습니다.hostnamepackage.json:

ng run app:serve --host=localho.st --port=8100

여기 제가 포장에 넣은 것이 있습니다.json(실행 각도 6):

{
  "name": "local-weather-app",
  "version": "1.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve --port 5000",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

그런 다음 일반 npm 시작이 시작 내용을 끌어옵니다.내용에 다른 옵션을 추가할 수도 있습니다.

여기에 이미지 설명 입력

당신이 해야 할 일은 단 한 가지입니다.명령 프롬프트: ng serve --port 4021 [또는 할당할 다른 포트: 5050, 5051 등]에 입력합니다.파일을 변경할 필요가 없습니다.

언급URL : https://stackoverflow.com/questions/37762125/set-default-host-and-port-for-ng-serve-in-config-file