将 Angular 应用程序与 REST-Django 服务连接时出错

Question

我在 GKE 上部署了一个 Web 应用程序。前端服务是 Angular 17 应用程序，在带有 Ingress 的官方 NginX Docker 容器负载均衡器上运行。后端是在官方 Python 容器上运行的 Gunicorn 上运行的 REST-Django 服务。问题是，当我想从 Angular 访问服务（GET 方法）时，我在 Firefox 浏览器中收到错误

Reason: CORS request did not succeed

- Chromium 说

net::ERR_NAME_NOT_RESOLVED

。 Django 服务已安装 CORS：

已安装的应用程序 = [ ... 'corsheaders', ...

中间件 = [ 'corsheaders.middleware.CorsMiddleware', ... ]

CORS_ALLOW_ALL_ORIGINS = True

在本地 docker-compose 环境中，一切正常。

从 Angular 的 pod/容器中，我能够卷曲 Django 服务，并且它以所需的方式响应。

Answer 1

不确定，但你可以尝试一下。 将此行添加到您的角度应用程序的标题中。

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"/>