To fix this problem below Environment is required:
Frontend: Angular
Backend: Node.js, .NET,
Server URL (IIS): http://wapl8.ad.uclp:9091
Angular App URL (IIS): http://skw.uat.ad.uclp
Localhost works fine for all requests
Also, it is important to set a configuration to manage CORS.
Add the below code in your Startup ConfigureServices method to to set a confogiratin to manage CORS.
services.AddCors(options => { options.AddPolicy(name: "general", builder => { builder.AllowAnyOrigin() .AllowAnyMethod(). AllowAnyHeader(); }); options.AddPolicy(name: "restrictive", builder => { builder.WithOrigins("http://Your frontEnd URL"). WithMethods("GET", "POST", "PUT", "DELETE") .AllowAnyHeader(); }); }); |
Now add the below code in in Startup Configure Method:
app.UseCors("[general/restritive]; // or whatever name you use... |
Is this example, "general" CORS configuration allows any origin from any host, and "restrictive" allows request just from the host you set
Answered by: >Stalky
Credit:> StackOverflow
Suggested blogs:
>How can I access specific data inside a JSON file on an Angular?
>HTTP request after another but only care about first one in Angular?
>Why am I getting unexpected parent reaction to child button Angular?
>How can I combine multiple HTTP calls in Angular using RxJS?
>Why Ng serve doesn't work in Angulars?
>How to use JSON:API along with Angular/RxJs?
>Why Ng server doesn't work in Angulars?
>How to operate data before return it using Angular16?
>How to Embed Node Red into existing Angular application?
>Why Angular routing with mat-toolbar is not working?