to enable CORS Policy

Question

Good Evening, As i am receiving the following error message in the console during debug,i am not able to fetch the desired output....please do help and oblige!! Access to XMLHttpRequest at 'http://localhost:14001/api/ClaimIntimation/GetRemarViewk/CLIN/2020/7' from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Rijwan Ansari · Answer

Check this article for details about cors policy. https://docs.microsoft.com/en-us/aspnet/web-api/overview/security/enabling-cross-origin-requests-in-web-api

Sachin Singh · Answer

open your web api project. in the menu bar , go to tools--->Nuget Package manager --->Package manager console and copy paste below code and hit enter Install-Package Microsoft.AspNet.WebApi.Cors then modify your webconfig.cs's Register Method as namespace EmployeeService { public static class WebApiConfig { public static void Register(HttpConfiguration config) { config.MapHttpAttributeRoutes(); config.EnableCors(); // notice here config.Routes.MapHttpRoute( name: "DefaultApi" , routeTemplate: "api/{controller}/{id}" , defaults: new { id = RouteParameter.Optional } ); } }

Nikunj Satasiya · Answer

Hi Preetham, Please visit this article, where I explained how to resolve CORS -related errors step by step, as I also got the same issue before. https://www.codingvila.com/2020/12/angular-11-curd-application-web-api-material-design.html Please, let me know if you can't find the solution or have any confusion related to that. Thank you.

Kiran Mohanty · Answer

Below code should solve your issue. public static void Register(HttpConfiguration config) { config.EnableCors(); config.Routes.MapHttpRoute( name : "DefaultApi" , routeTemplate: "api/{controller}/{id}" , defaults: new { id = RouteParameter.Optional } ); } [EnableCors(origins: "http://mywebclient.azurewebsites.net" , headers: "*" , methods: "*" )] public class TestController : ApiController { // Controller methods not shown... }

Jignesh Kumar · Answer

You need to enable CORS policy in your api solution, Please refer this these links, Ihttps://www.c-sharpcorner.com/article/enable-cors-in-asp-net-webapi-2/ if you are using Core API then use this one https://www.c-sharpcorner.com/article/enabling-cors-in-asp-net-core-api-application/

Veerendra Annigere · Answer

If it's only for development purpose, you can add a chrome extension & integrate an API https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf?hl=en