新建Angular与ASP.NET Core项目无法正常运行求助

1. 给客户端设置启动延迟，确保服务端先完成初始化 #

• 右键解决方案→属性→启动项目，选中Angular客户端项目，在右侧“操作”下拉选择“启动”，设置启动延迟时间（建议5-10秒），让服务端有足够时间完成端口监听和服务初始化。
• 或者编辑Angular项目的launchSettings.json，在profiles的启动配置中添加延迟参数：

  "AngularApp": {
    "commandName": "Project",
    "launchBrowser": true,
    "commandLineArgs": "--port 4200 --open --delay 5000",
    "environmentVariables": {
      "ASPNETCORE_ENVIRONMENT": "Development"
    }
  }
  

2. 修改Vite代理配置，增加超时与重试机制 #

打开Angular项目根目录的vite.config.ts，调整代理的超时和重试参数，避免服务端未启动时的连接拒绝错误：

import { defineConfig } from 'vite';
import angular from '@angular-devkit/build-angular/vite';

export default defineConfig({
  plugins: [angular()],
  server: {
    proxy: {
      '/weatherforecast': {
        target: 'https://localhost:7041',
        secure: false,
        changeOrigin: true,
        timeout: 10000, // 延长超时时间至10秒
        proxyTimeout: 10000,
        retry: 2 // 添加2次重试逻辑
      }
    }
  }
});

3. 重置Visual Studio的Chrome调试缓存 #

• 关闭所有Visual Studio窗口和Chrome进程，删除路径%APPDATA%\Microsoft\VisualStudio\17.0_<你的唯一标识>\WebTools\Chrome下的所有缓存文件，重新启动Visual Studio。
• 或者在Visual Studio的「调试→选项→调试→Web浏览器」中，将默认浏览器改为独立Chrome实例，而非Visual Studio集成的调试窗口。

4. 确保Visual Studio使用NVM管理的Node版本 #

• 打开管理员命令行，执行nvm use 20.17.0切换到指定Node版本。
• 打开Visual Studio的「工具→选项→Web包管理→外部Web工具」，将$(PATH)移到列表最顶部，让Visual Studio优先使用系统PATH中NVM管理的Node版本，而非自带版本。

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