首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Angular 6+如何更改默认端口4200

Angular 6+如何更改默认端口4200
EN

Stack Overflow用户
提问于 2018-05-25 06:35:45
回答 6查看 66.6K关注 0票数 38

这个问题是特定于Angular版本6的,而不是更早的版本,因为.angular-cli.json文件已经被angular.json文件取代。

我创建了一个新的Angular 6项目,并像以前的版本一样,尝试更改它的默认端口,但这次是在angular.json中。

  "defaults": {
    "serve": {
      "port": 4220
  },  

但会得到以下错误:

在.angular-cli.json中检测到无效架构,请更正,然后重试!

有没有人知道如何使用这个新版本的Angular来做到这一点?

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2018-05-25 07:29:37

由于标题不准确:"angular-cli server - how to specify default port",很难找到我的问题的答案,但多亏了Vladymir Gonzalez我做到了。

为了帮助其他人快速找到答案,我在这里提取了Angular 6的特定部分,属于elwyn

更新@angular/cli@6.x:在新的angular.json中,您现在可以为每个“项目”指定一个端口。

"projects": {
    "my-cool-project": {
        ... rest of project config omitted
        "architect": {
            "serve": {
                "options": {
                    "port": 4850    <-- add your custom port number here      
                }
            }
        }
    }
}

所有可用选项:

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

票数 97
EN

Stack Overflow用户

发布于 2018-05-25 07:35:03

您还可以在提供服务时指定端口:ng serve --port 3000

您可以将任何有效的端口号放在那里,它将从该端口提供服务。

票数 16
EN

Stack Overflow用户

发布于 2018-08-10 19:13:07

我正在回答angular 2+的申请。

如果您想在不同的端口启动2个angular应用程序,即

1) port 4200 
2) port 5000

您需要更改"package.json"文件,只需更改在第一个大括号中添加一行“脚本块”

"scripts": {
    "ng": "ng",
    "start": "ng serve --port 5000 ",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  }, 

通过"npm start"命令启动您的应用程序。此命令将在端口5000上启动应用程序。

票数 10
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50519121

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档