.NET Core 2.0 + Angular 5跨域配置异常求助

先直接点出你遇到的核心矛盾：明明服务端配置了CORS规则，但Angular发起请求时还是提示No 'Access-Control-Allow-Origin' header is present，主要是这几个细节没处理对：

1. 修正CORS Origin的路径格式 #

你的服务端配置里，WithOrigins("http://localhost:4200/") 末尾多了一个斜杠/，而浏览器实际发送的Origin请求头是http://localhost:4200（不带斜杠），这会导致CORS规则匹配失败。

把配置改成：

app.UseCors(builder => builder.WithOrigins("http://localhost:4200").AllowAnyHeader().AllowAnyMethod());

建议加上AllowAnyMethod()，因为你的Angular调用是GET请求，确保请求方法被明确允许

2. 确保已在ConfigureServices中注册CORS服务 #

在ASP.NET Core中，使用CORS前必须先在ConfigureServices方法里注册CORS服务，否则UseCors中间件不会生效：

public void ConfigureServices(IServiceCollection services)
{
    // 其他服务注册代码...
    services.AddCors(); // 这一行不能少
    services.AddControllers();
}

3. 验证Angular请求的地址一致性 #

你的Angular代码里用了绝对路径http://localhost:51658/，要确保这个地址和服务端实际运行的地址完全匹配（协议、端口都不能错）。另外，也可以把API地址抽离到环境配置文件里，方便后续维护：

// environment.ts
export const environment = {
  production: false,
  apiBaseUrl: 'http://localhost:51658/api/'
};

// 在ProfileService中使用
import { environment } from '../environments/environment';

@Injectable()
export class ProfileService {
  private baseUrl = 'profile/';
  constructor(private http: HttpClient) { }

  getLookups(step: number) {
    return this.http.get(`${environment.apiBaseUrl}${this.baseUrl}lookups/${step}`);
  }
}

额外排查点 #

• 检查UseCors的调用顺序：必须放在UseRouting()之后、UseAuthorization()之前（如果用到了授权中间件），中间件顺序错误也会导致CORS头无法正常返回。
• 打开浏览器开发者工具的Network标签，查看请求的Response Headers里是否有Access-Control-Allow-Origin，如果没有，说明服务端的CORS配置确实未生效，再回头核对服务端代码的细节。

按照上面的步骤调整后，应该就能解决你的CORS报错问题了。

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