Как изменить угловой порт с 4200 на любой другой

Question

Как изменить угловой порт с 4200 на любой другой

Я хочу использовать 5000 вместо 4200 ..

то, что я пробовал, это я создал файл с именем root ember-cli и поставить JSON в соответствии с кодом ниже:

{

   "port": 5000

}

но мое приложение все еще работает на 4200 вместо 5000

716 15

angular-cli

15 ответов:

Comments

Ничего не найдено.

David · Accepted Answer · 2017-07-27 23:02:41

решение работало для меня был
ng serve --port 4401    
(вы можете изменить 4401 на любой номер вы хотите)

затем Запустить браузер -> http://localhost:4401/

в принципе, у меня было два приложения, и с помощью вышеуказанного подхода теперь я могу запускать оба из них одновременно в своей среде разработки.

ganesh kalje · Accepted Answer · 2018-08-03 16:24:34

вы можете изменить порт приложения, введя следующую команду

подача НГ --порт 4200

кроме того, для постоянной настройки вы можете изменить порт, отредактировав angular-cli.файл JSON
 "defaults": {
    "serve": {
      "port": 8080
    }
  }

Dhyey · Accepted Answer · 2017-07-21 09:47:52

изменение nodel_modules/angular-cli/commands/server.js это плохая идея, так как она будет обновляться при установке новой версии angular-cli. Вместо этого вы должны указать подача НГ --порт 5000 на package.json такой:
"scripts": {
    "start": "ng serve --port 5000"
}
вы также можете указать хост с --хост 127.0.0.1

arsanyf · Accepted Answer · 2018-07-04 16:43:10

это изменилось пару раз.

при использовании углового CLI 1

изменить angular-cli.json
{
  "defaults": {
    "serve": {
      "host": "0.0.0.0",
      "port": 5000 
    }
  }
}
при использовании последнего Anfular CLI

изменить angular.json
"projects": {
    "project-name": {
        ...
        "architect": {
            "serve": {
                "options": {
                  "host": "0.0.0.0",
                  "port": 5000
                }
            }
        }
        ...
    }
}
без изменения любого файла

выполнить команду
ng serve --host 0.0.0.0 --port 5000

Deepak swain · Accepted Answer · 2017-02-09 11:15:05

Постоянный Адрес Статьи:

перейти nodel_modules/угловые-интерфейс командной строки/команды/сервер.js Ищите var defaultPort = процесс.ОКР.Порт || 4200; и изменить 4200 на все остальное, что вы хотите.

Чтобы Запустить Сейчас:

подача НГ --порт 4500 (вы меняете 4500 на любое число, которое вы хотите использовать в качестве своего порта)

csikosjanos · Accepted Answer · 2018-01-27 16:54:17

Я обычно использую ng set команда для изменения угловых настроек CLI для уровня проекта.
ng set defaults.serve.port=4201
Он меняет изменить ваш .angular.cli.json и добавляет настройки порта как это упоминалось ранее.

после этого изменения вы можете использовать просто ng serve и он будет использовать предпочтительный порт без необходимости указывать его каждый раз.

Nathan Friend · Accepted Answer · 2018-05-14 15:41:24

кажется, что все изменилось в последних версиях CLI (я использую 6.0.1). Я смог изменить порт по умолчанию, используемый ng serve добавить port опция для моего проекта angular.json:
{
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
    "projects": {
        "my-project": {
            "architect": {
                "serve": {
                    "options": {
                        "port": 4201
                    }
                }
            }
        }
    }
}
(в этом примере показаны только соответствующие свойства.)

Ajitesh Jaiswal · Accepted Answer · 2017-07-12 17:05:39

вы также можете ввести следующую команду в свой угловой cli, где вы обычно вводите npm start

ng serve --host "ip-адрес" --port "port-number"

Amruth LS · Accepted Answer · 2016-11-21 13:50:15

вы можете изменить номер порта по умолчанию, который настроен в serve.js файл.

путь будет project_direcory/node_modules/angular-cli/commands/serve.js.

поиск этой строки ->var defaultPort = process.env.PORT || 4200;
Заменить на эту строку -> var defaultPort = process.env.PORT || 5000;

Sara Vaseei · Accepted Answer · 2017-11-15 13:40:10

вы также можете написать эту команду: ng serve -p 5000

Sagar Jadhav · Accepted Answer · 2018-05-03 09:32:43

выполнить команду ниже для других, чем 4200
ng serve --port 4500

Sajeetharan · Accepted Answer · 2018-09-15 17:28:50

никто не обновил ответ для последнего углового CLI.С последним Angular CLI

С latest version угловой-cli, в котором угловой-cli.json переименован в angular.json , вы можете изменить порт на редактирование angular.json теперь вы указываете порт на "project"
projects": {
    "my-cool-project": {
        ... rest of project config omitted
        "architect": {
            "serve": {
                "options": {
                    "port": 4500
                }
            }
        }
    }
}
подробнее о here

Daniel Torres Laserna · Accepted Answer · 2018-02-26 23:43:46

просто запустить ng serve --port 5000 --open

2

2018-02-26 23:43:46

user3158369 · Accepted Answer · 2018-07-24 02:50:22

в угловой.json:
"serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
          "browserTarget": "projectname:build",
          "port": 5000
         }
Я использую angular-cli. Это сработало для меня.

Nitya nand · Accepted Answer · 2018-08-05 19:52:22

в угловой 2++.

чтобы изменить порт, вы можете запустить команду ниже в терминале:
ng serve --host 0.0.0.0 --port 5000.