如何为ASP.NET Core Angular应用设置默认端口

我之前也碰到过这个坑！用dotnet new angular创建的项目，每次运行dotnet run时Angular的服务端口都会随机跳，改angular-cli.json里的serve.port完全没用——这是因为ASP.NET Core的SPA代理中间件是直接调用npm脚本启动Angular的，不会读取angular-cli.json里的默认端口配置。

给你三个靠谱的解决办法，按操作简便程度排序：

方法1：修改Angular项目的npm启动脚本（最简单） #

直接打开项目里的ClientApp/package.json，把start命令加上--port 4200参数：

"scripts": {
  "start": "ng serve --port 4200",
  "build": "ng build",
  "watch": "ng build --watch --configuration development",
  "test": "ng test"
}

这样每次dotnet run调用npm启动Angular时，都会固定用4200端口，不用改任何.NET相关的配置。

方法2：通过.NET的环境变量固定端口 #

如果你不想修改npm脚本，可以在项目根目录的Properties/launchSettings.json中，给对应的启动配置添加环境变量ASPNETCORE_SPA_PROXY_PORT：

"YourProjectName": {
  "commandName": "Project",
  "dotnetRunMessages": true,
  "launchBrowser": true,
  "applicationUrl": "https://localhost:5001;http://localhost:5000",
  "environmentVariables": {
    "ASPNETCORE_ENVIRONMENT": "Development",
    "ASPNETCORE_SPA_PROXY_PORT": "4200" // 新增这一行
  }
}

这个环境变量会告诉ASP.NET Core的SPA代理组件，启动Angular开发服务器时使用指定的端口。

方法3：在Program.cs/Startup.cs中硬编码端口（适合灵活控制场景） #

如果是.NET 6及以上版本的项目（采用顶级语句的Program.cs），找到SPA配置的代码块，修改为：

app.UseSpa(spa =>
{
    spa.Options.SourcePath = "ClientApp";

    if (app.Environment.IsDevelopment())
    {
        // 强制指定Angular服务端口
        spa.UseAngularCliServer(npmScript: "start", port: 4200);
    }
});

如果是旧版本的Startup.cs，就在Configure方法中做同样的修改。这种方式优先级最高，会覆盖npm脚本和环境变量的设置。

内容的提问来源于stack exchange，提问作者cyberpirate92