CORS 不起作用 MVC6 - RC1

Question

在 MVC6 应用中启用了 CORS，并且启动看起来像：

我在ConfigureServices() 方法中添加了以下代码：

services.AddCors(options =>
    {
        options.AddPolicy("AllowSpecificOrigin",
            builder => builder.AllowAnyOrigin().AllowAnyHeader().AllowAnyMethod().AllowCredentials());
    });

…… 在配置Configure()

app.UseCors("AllowSpecificOrigin");

.......

我的代码尝试从另一个 url 下载 angular 模板，模板被下载（在 fiddler 中看到）。但是我的浏览器控制台说

XMLHttpRequest 无法加载 http://hsa-is-utl32.[mydomain].com/LayoutService//platform/templates/layout/topbanner.html。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，Origin 'http://mydevbox.[mydomain].com' 不允许访问。

不知道怎么了？？

Answer 1

尼克的 web.config sn-p 为我工作。我有两个在 localhost IIS Express 上运行的应用程序的类似情况。它在 Startup.cs 中没有 app.UseCors("AllowSpecificOrigin") 的情况下工作。

<configuration>
    <system.webServer>
        <httpProtocol>
            <customHeaders>
                <add name="Access-Control-Allow-Origin" value="http://localhost:10001" />
            </customHeaders>
        </httpProtocol>
    </system.webServer>
</configuration>

Answer 2

我遇到了类似的问题。不能 100% 确定您的设置是什么样的，但也许这会有所帮助。假设我有两个域，我的应用程序所在的 http://myapp.domain/ 和模板所在的 http://templates.domain/template.html。这就是我所做的。

这将为 MVC 6 应用程序 (myapp.domain) 设置 CORS。

public void ConfigureServices(IServiceCollection services)
{
    services.AddCors(options =>
    {
        options.AddPolicy("AllowSpecificOrigin",
                builder => builder.WithOrigins("http://myapp.domain").AllowAnyHeader().AllowAnyMethod().AllowCredentials());
    });

    services.AddMvc();
}

public void Configure(IApplicationBuilder app)
{
    app.UseIISPlatformHandler();
    app.UseDefaultFiles();
    app.UseStaticFiles();
    app.UseCors("AllowSpecificOrigin");
    //make sure its before UseMvc()!!
    app.UseMvc();
}

然后我在http://templates.domain 的wwwroot 中设置我的web.config 文件，以允许来自http://myapp.domain/ 的CORS。这包括静态文件，例如从不同域引用 Angular 模板。

<configuration>
  <system.webServer>
    <httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Origin" value="http://myapp.domain" />
      </customHeaders>
    </httpProtocol>
  </system.webServer>
</configuration>

从那时起就很简单了，假设出于某种原因您想从不同的域中获取路由模板，您可以这样做：

(function () {
    "use strict";

    var app = angular.module("myApp", ['ngRoute']);

    // configure the routes
    app.config(['$provide', '$sceDelegateProvider', '$routeProvider', '$locationProvider', '$httpProvider',
        function ($provide, $sceDelegateProvider, $routeProvider, $locationProvider, $httpProvider) {

            $sceDelegateProvider.resourceUrlWhitelist(['self', 'http://templates.domain/**']);
            $httpProvider.defaults.headers.common['Access-Control-Allow-Origin'] = true;
            $httpProvider.defaults.useXDomain = true;

            //routes
            $routeProvider.when('/', {
                templateUrl: 'http://templates.domain/template.html',
                controller: 'templatesController'
            })
            .otherwise({ redirectTo: '/' });

            $locationProvider.html5Mode(true);

            $httpProvider.defaults.headers.common = {
                'Content-Type': 'application/json, charset=UTF-8'
            };
        }]);

    app.controller('templatesController', ['$scope', function ($scope) {
        $scope.message = 'message from controller';
    }]);

})();

在您的 html 中添加 <div ng-view></div> 并包含 angular-routes。

现在，当您在 Angular 应用中调用模板时，您应该会在响应标头中看到这一点。

访问控制允许来源：http://myapp.domain/

我希望这会有所帮助。

Answer 3

我建议检查从 MVC 应用程序返回的标头。请记住，如果您设置了 AllowCredentials，则不能使用 Access-Control-Allow-Origin=*。

尝试从 MVC 应用程序中删除最后一个配置（我的意思是这个）。

.AllowCredentials());

如果你想设置credentials，我相信你必须设置Access-Control-Allow-Origin='访问此站点的应用的URL'

您还应该使用 Fiddler 检查响应，看看出了什么问题。