在 docker 中与 Azure HTTP 触发的函数 v3 通信时出现 CORS 错误答案

【问题标题】：Getting CORS error when communicating with Azure HTTP-triggered function v3 in docker在 docker 中与 Azure HTTP 触发的函数 v3 通信时出现 CORS 错误
【发布时间】：2021-08-24 18:49:51
【问题描述】：

我的 docker .env 文件（环境定义文件）具有以下环境变量以适应来自 Angular 应用程序的传入 Web API 调用：

CORS_ALLOWED_ORIGINS='["http://localhost:4200"]'

在 docker compose 文件中定义的这个 Azure Function App v3 的方式是按照下面的 sn-p：

myhttpfunction:
    image: ${DOCKER_REGISTRY-}httptriggeredfunc
    container_name: azurefunctions
    build: 
      context: .
      dockerfile: app/HttpFunctions/Dockerfile
    environment: 
      - CORS_ALLOWED_ORIGINS
    ports: 
      - 9080:80

我可以通过 POSTMAN 向函数应用程序发送 Web 请求，但由于以下错误，角度应用程序失败：

从 'http://localhost:9080/api/GetData' 访问 XMLHttpRequest 来源 'http://localhost:4200' 已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：否请求中存在“Access-Control-Allow-Origin”标头资源。

这个问题的解决方法是什么？

【问题讨论】：

标签： docker docker-compose cors azure-functions

【解决方案1】：

显然，我们需要结合一个反向代理来解决每个this Github post 的问题。

【讨论】：