[英]Cors error in Angular 6 .Net core 2.2 App
我开发了 .Net Core MVC (angular) 应用程序和 .net core Api 应用程序
在这两个应用程序中,我都在 Web 应用程序和 api 中启用了 CORS
.Net核心
services.AddCors(options =>
{
options.AddPolicy("CorsPolicy",
builder => builder.AllowAnyOrigin()
.AllowAnyMethod()
.AllowAnyHeader()
.AllowCredentials());
});
// in Configure
app.UseCors("CorsPolicy");
角
对于所有 Get 和 Post 添加标题,如下所示
get(url: string, options?: any) {
let headers = new Headers();
headers.append('Content-Type', 'application/x-www-form-urlencoded');
headers.append('Access-Control-Allow-Origin', '*');
headers.append('Accept', 'applcation/ json');
options = { headers: headers };
const _url = this.webapiurl + url;
return this.http.get(_url, options);
}
仍然面临 CORS 错误
Access to XMLHttpRequest at 'http://etestservice.qa.com:5003/QA/api/test/GetDetails?email=abc@gmail.com' from origin 'http://etestweb.qa.com::5002' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource
在 startup.cs 文件中
public void ConfigureServices(IServiceCollection services)
{
services.AddMvc();
// app settings configuration.
services.AddCors(options =>
{
// this defines a CORS policy called "default"
options.AddPolicy("AllowSpecificOrigin", policy =>
{
var corsUrlSection = Configuration.GetSection("AllowedOrigins");
var corsUrls = corsUrlSection.Get<string[]>();
policy.WithOrigins(corsUrls)
.AllowAnyHeader()
.WithExposedHeaders("X-Pagination") // add any customer header if we are planning to send any
.AllowAnyMethod();
});
});
}
public void Configure(IApplicationBuilder app, IHostingEnvironment environment, ILoggerFactory loggerFactory)
{
app.UseExceptionMiddleware();
// Use HTTPS Redirection Middleware to redirect HTTP requests to HTTPS.
app.UseHttpsRedirection();
app.UseCors("AllowSpecificOrigin");
app.UseMvc();
}
在 API 中,
[EnableCors("AllowSpecificOrigin")]
public class Controller
{
// code...
}
中间件组件的顺序是必须的。 所以检查一下。 我在这里附上了我的项目代码。
在控制器上方添加[EnableCors("CorsPolicy")]
属性
我的 startup.cs 文件:
services.AddCors(o => o.AddPolicy("MyPolicy", builder =>
{
builder.AllowAnyOrigin()
.AllowAnyMethod()
.AllowAnyHeader();
}));
//In configure
app.UseHttpsRedirection();
app.UseMvc();
app.UseCors("MyPolicy");
您需要在控制器类中启用 cors,如下所示。
[Route("api/[controller]")]
[ApiController]
[EnableCors("MyPolicy")]
public class controllerName : ControllerBase
{
// class boby
}
它非常适合我。
可能 web api 没有正确处理预检请求(HTTP VERB - OPTIONS)。 这
微软.AspNetCore.Cors
将允许您使用内置功能执行 CORS,但它不处理 OPTIONS 请求。 到目前为止,最好的解决方法是按照上一篇文章中的建议创建一个新的中间件。 检查以下帖子中标记为正确的答案:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.