Visual Studio中Angular+ASP.NET Core启动时Vite代理报错咨询

可能的原因 #

• Vite代理地址不匹配
  切换浏览器后，VS可能修改了API或Angular应用的启动端口/绑定地址，导致Vite代理配置里的目标地址和实际API运行地址不一致，请求无法建立连接，抛出AggregateError。
• Edge的网络安全策略拦截
  Edge的增强安全模式、隐私沙箱等设置会拦截跨地址的本地请求，如果API绑定到127.0.0.1而Vite用localhost代理，浏览器会认为是跨源请求并阻止。
• VS启动配置残留
  即使改回默认浏览器，.launchSettings.json或VS缓存的启动参数可能保留了之前的配置，导致API和Angular应用的端口/地址不兼容。

解决步骤 #

• 修正Vite代理配置
  打开Angular项目根目录的vite.config.ts，确认proxy里的target和ASP.NET Core API的实际运行地址一致：

  export default defineConfig({
    server: {
      proxy: {
        '/weatherforecast': {
          target: 'https://localhost:5001', // 替换成你的API实际地址
          secure: false,
          changeOrigin: true
        }
      }
    }
  });
  

• 重置API绑定地址
  打开ASP.NET Core项目的Properties/launchSettings.json，让API同时绑定localhost和127.0.0.1：

  "applicationUrl": "https://localhost:5001;http://localhost:5000;https://127.0.0.1:5001;http://127.0.0.1:5000"
  

• 调整Edge安全设置
  关闭Edge的「增强安全模式」（设置>隐私、搜索和服务>增强安全模式），或者把localhost加入信任站点。同时检查Edge的代理设置，确保没有手动代理干扰本地请求。
• 清除VS缓存
  删除项目根目录下的.vs隐藏文件夹，重启VS重新加载项目，清除残留的启动配置。

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