C# 从Angular JS调用web API时出错：'；访问控制允许原点'；标头包含多个值，因此不允许访问Origin 列表项

我在“”上部署了一个web API，当我直接从浏览器URL运行它时，它会显示结果。但当我从其他AngularJS应用程序调用它时，它给出了以下错误

错误：

未能加载“” “Access Control Allow Origin”标头包含多个值“，*”， 但只有一个是允许的。因此，不允许访问源“”

这是我在另一个应用程序中的新angularjs服务

  var promise = $http({

        method: 'GET',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        url: "https://example.com/api/gd/alldata",
        //headers: headers, 
        headers: {
            'Access-Control-Allow-Origin': '*',
            'Content-Type': 'application/json',
        }
    })
        .then(function (response) {
            console.log(response.data)
            return response.data;
        },
        function (response) {
                return response.data;
            });

下面是我的API代码已经部署在某个链接上

我在webapiconfig和startup.cs文件中启用了cors

Startup.cs文件

    app.UseCors(Microsoft.Owin.Cors.CorsOptions.AllowAll);

webapiconfig.cs

 config.EnableCors();

---

你能告诉我我在哪里犯了错误，或者我的代码中遗漏了什么或者做错了什么吗

由于您在Azure上托管并从localhost（本地开发环境）调用，因此必须在Azure应用程序服务上更新以下CORS设置：

转到上的应用程序服务

搜索COR（按CTRL+/）

将您的

localhost:6400

或更好的

*

添加到允许的来源下

拯救

---

你在哪里托管你的API？在azurewebsites.net上。你在azure的应用程序服务上添加了CORS设置吗？没有，我没有在azure上添加CORS设置。我刚刚在我的网站服务中添加了cors，并将其部署在azure上。请查看下面的答案。