首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >添加Azure AD身份验证时出现CORS错误

添加Azure AD身份验证时出现CORS错误
EN

Stack Overflow用户
提问于 2018-11-19 08:09:46
回答 1查看 10.7K关注 0票数 11

尝试将Azure身份验证添加到带有.net核心2.1后端的Range7webapp中。

但是,在请求期间,我会得到CORS错误。

“访问XMLHttpRequest at‘https://login.microsoftonline.com/.’(从‘https://localhost:5001/api/auth/login’重定向)源'https://localhost:5001‘已被CORS策略阻止:请求的资源上不存在’访问-控制-允许-原产地‘标头。”

所以我尝试在启动管道中添加一些CORS策略。

Startup.cs

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
        public Startup(IConfiguration configuration)
        {
            Configuration = configuration;
        }

        public IConfiguration Configuration { get; }    

        public void ConfigureServices(IServiceCollection services)
        {
            services.AddCors(config => config
             .AddPolicy("SiteCorsPolicy", builder => builder
               .AllowAnyHeader()
               .AllowAnyMethod()
               .AllowAnyOrigin()
               .AllowCredentials()
              )
           ); // <--- CORS policy - allow all for now

            services.AddAuthentication(options =>
            {
                options.DefaultChallengeScheme = OpenIdConnectDefaults.AuthenticationScheme;
                options.DefaultSignInScheme = CookieAuthenticationDefaults.AuthenticationScheme;
                options.DefaultAuthenticateScheme = CookieAuthenticationDefaults.AuthenticationScheme;                
            })
            .AddOpenIdConnect(options =>
            {
                options.Authority = "https://login.microsoftonline.com/MY_AD_DOMAIN.onmicrosoft.com";   // ad domain            
                options.ClientId = "my_client_id"; // client guid
                options.ResponseType = OpenIdConnectResponseType.IdToken;
                options.CallbackPath = "/auth/signin-callback";
                options.SignedOutRedirectUri = "https://localhost:5000";
                options.TokenValidationParameters.NameClaimType = "name";
            }).AddCookie();

            services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_1);

            // In production, the Angular files will be served from this directory
            services.AddSpaStaticFiles(configuration =>
            {
                configuration.RootPath = "ClientApp/dist";
            });
        }

        // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
        public void Configure(IApplicationBuilder app, IHostingEnvironment env)
        {

            if (env.IsDevelopment())
            {
                app.UseDeveloperExceptionPage();
            }
            else
            {
                app.UseExceptionHandler("/Error");
                app.UseHsts();
            }

            app.UseCors("SiteCorsPolicy"); // <--- CORS policy
            app.UseHttpsRedirection();
            app.UseStaticFiles();
            app.UseSpaStaticFiles();

            app.UseAuthentication();
            app.UseMvc(routes =>
            {
                routes.MapRoute(
                    name: "default",
                    template: "{controller}/{action=Index}/{id?}");
            });

            app.UseSpa(spa =>
            {
                spa.Options.SourcePath = "ClientApp";
                if (env.IsDevelopment())
                {
                    spa.UseAngularCliServer(npmScript: "start");
                }
            });
        }
    }

角服务

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
login() {        
    const url = this.baseUrl + "api/auth/login";
    this._http.get(url).subscribe(response => {
      console.log(response);
    });
  }

还是我走错路了?我是否应该使用第三方"ADAL“npm包(https://www.npmjs.com/package/adal-angular)从客户端提取令牌,然后将令牌传递给服务器进行验证?

如果我导航到登录URL,例如: localhost:5000/api/auth/login ->,我将被启动到AAD登录页面,然后重定向到成功的身份验证。但是如果我从代码中触发它,我就会得到CORS错误。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-11-19 22:47:57

你的方法有点不对。您已经配置了OIDC + Cookies,但希望用XHR调用它。

典型的做法是:

  • 在API上配置JWT Bearer令牌身份验证
  • 使用前端的ADAL/MSAL验证用户+获取后端的访问令牌。
  • 将访问令牌附加到XHR,以便对它们进行身份验证。

一些样本/文章可能有助于:

请记住,ADAL只能用于AAD v1端点,MSAL只能用于v2端点。

票数 7
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53378607

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文