.NET Core 6配置CORS允许SvelteKit请求失败排查

以下是逐步排查方向，从基础到细节逐一验证：

1. 确认后端服务与端点可用性 #

• 直接用Postman、curl或浏览器访问.NET后端的/api/users/login接口，验证是否能正常返回响应。如果此步骤失败，问题出在后端本身，与SvelteKit无关，优先排查后端启动状态、端口占用、接口逻辑错误。
• 核对SvelteKit代码中调用的后端地址，确保端口、路径拼写完全正确（比如是否混淆了localhost:5000和localhost:5001）。

2. 验证CORS配置是否真正生效 #

• 检查Program.cs中的CORS配置，确保策略名称AllowTarakito与接口特性一致，且中间件顺序正确：

  builder.Services.AddCors(options =>
  {
      options.AddPolicy("AllowTarakito", policy =>
      {
          policy.AllowAnyOrigin()
                .AllowAnyMethod()
                .AllowAnyHeader();
      });
  });
  
  // 必须放在UseRouting之后、UseAuthorization之前
  app.UseCors("AllowTarakito");
  app.UseAuthorization();
  

• 打开浏览器开发者工具的Network面板，查看请求的Response Headers，确认是否存在Access-Control-Allow-Origin字段。如果没有，说明CORS配置未生效，检查中间件注册顺序是否错误。

3. 检查SvelteKit端点的fetch请求细节 #

• 打开src/routes/api/login/+server.ts，定位第18行的fetch代码，排查以下问题：
  • 是否使用了正确的请求URL：如果后端与SvelteKit不在同一端口，必须使用完整绝对URL（如http://localhost:5000/api/users/login），相对路径会指向SvelteKit自身服务。
  • 请求头与请求体是否符合后端要求：比如后端接收JSON格式的话，必须设置Content-Type: application/json，并将表单数据转为JSON字符串：

    const res = await fetch('http://localhost:5000/api/users/login', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(loginFormData)
    });
    

• 添加详细错误捕获，打印具体错误信息：

  try {
      const res = await fetch(...);
      if (!res.ok) {
          console.error('后端响应异常:', await res.text());
          throw new Error(`HTTP状态码: ${res.status}`);
      }
      // 处理响应逻辑
  } catch (err) {
      console.error('Fetch错误详情:', err);
      throw err;
  }
  

  这能帮你区分是连接失败、超时，还是后端返回了4xx/5xx错误。

4. 排查SvelteKit代理与环境配置 #

• 如果使用了Vite代理（vite.config.ts中的server.proxy），确保代理规则未与SvelteKit自身的/api/login端点冲突：

  export default defineConfig({
      plugins: [sveltekit()],
      server: {
          proxy: {
              '/api/users': {
                  target: 'http://localhost:5000',
                  changeOrigin: true
              }
          }
      }
  });
  

  避免将SvelteKit自己的/api/login请求错误代理到后端。

5. 网络层面排查 #

• 检查本地防火墙、杀毒软件是否拦截了跨端口请求，部分安全软件会阻止本地服务间的通信。
• 确认后端服务绑定的IP：如果后端只监听127.0.0.1，而SvelteKit尝试用局域网IP访问，会导致连接失败，确保后端监听0.0.0.0或与SvelteKit同一IP。

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