I have successfully completed my project using Angular 9 on the frontend and asp.net core 3 on the backend, and deployed it to a server. However, I am facing an issue when trying to obtain or use a token from the server.
Access to XMLHttpRequest at 'https://**/api/Account/login' from origin 'http://localhost:4200' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
**/api/Account/login:1
HttpErrorResponse {headers: HttpHeaders, status: 0, statusText: "Unknown Error", url: "https://**/api/Account/login", ok: false, …}
Failed to load resource: net::ERR_FAILED
The backend works fine locally but encounters issues on the host which is of Linux type. Is this a problem with the host configuration or an Angular-related issue? Your assistance is much appreciated.
Login.ts:
constructor(private Service: RegisteredUsersService) { }
ngOnInit(): void { }
formLogin = new FormGroup({
userName: new FormControl('', Validators.required),
password: new FormControl('', Validators.required)
});
onSubmit() {
this.Service.postDataLogin(this.formLogin.value).subscribe(
res => {
consile.log(res);
},
err => {
console.log(err);
}
)
}
RegisteredUsersService.ts:
constructor(private http: HttpClient) { }
private urlAccount: string = "https://**/api/Account";
postDataLogin(user): Observable<IResLogin> {
const url = this.urlAccount + '/login';
return this.http.post<IResLogin>(url, user);
}
}
Backend:
public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
using (var serviceScope = app.ApplicationServices.GetService<IServiceScopeFactory>().CreateScope())
{
var context = serviceScope.ServiceProvider.GetRequiredService<EvaluationDbContext>();
context.Database.EnsureCreated();
}
app.UseCors("ExamCors");
app.UseAuthentication();
app.UseHangfireServer();
app.UseHangfireDashboard();
app.UseStaticFiles();
app.UseMvcWithDefaultRoute();
app.Run(async (context) =>
{
await context.Response.WriteAsync("The Evaluation Project Is Running...");
});
}
In Configuration:
services.AddCors(options =>
{
options.AddPolicy("ExamCors", builder =>
{
builder
.AllowAnyOrigin()
.AllowAnyHeader()
.AllowAnyMethod()
.AllowCredentials();
});
});