Angular开发环境代理配置问题：无法绕过CORS策略访问Klarna API

算力阿峰

2026-7-5

Angular本地项目访问Klarna API遭遇CORS拦截（代理配置未生效）

问题详情

本地开发Angular项目时，调用Klarna的支付会话API，Postman测试凭证有效且能获取200响应，但前端调用始终触发CORS策略拦截。已参照Angular官方代理指南配置代理文件，启动命令使用ng serve --proxy-config proxy.conf.json，但问题依旧。

现有配置

proxy.conf.json（项目根目录）

{
  "/payments/v1/sessions": {
    "target": "https://api.playground.klarna.com",
    "secure": false,
    "pathRewrite": {
      "^/payments/v1/sessions": ""
    },
    "changeOrigin": true,
    "logLevel": "debug"
  }
}

caller.service.ts中的请求代码

stageUrl = "https://api.playground.klarna.com/payments/v1/sessions";
private defaultHeaders = new HttpHeaders({
  'Authorization': "Basic UEsxMzg0NTZfZGY1OWRkMjdkMDMzOmk0bTVkRTRQenpjUDJsU20=",
  'Content-Type': 'application/json'
});

post<T = any>(data: any): Observable<T> {
  return this.http.post(this.stageUrl, data, { headers: this.defaultHeaders }) as Observable<T>;
}