Asp.net MVC5 with Angular 2 configuration

Question

I'm beginner in Angular 2. I'm creating Angular project using Angular CLI. I'm separately creating asp.net MVC Web api project.

Using angular CLI to ng serve command start this service: localhost:4200
MVC web api start this service: localhost:65320

When i use Angular http get request to download data from localhost:65320/api/myservice, Cross origin problem occurred. Because angular project using different url. But i'm adding header to Access-Control-Allow-Origin=* problem solved.

But when i use http post request always return 405 method not allowed problem occurred

Question:

How to allow cross origin post request in web api controller?
Or how to configure Angular CLI created project work together with MVC project?

Correct Answer:

Web api cross origin problem solved following this article: https://www.asp.net/web-api/overview/security/enabling-cross-origin-requests-in-web-api#enable-cors suggest by @chandermani

Have you looked at this msdn article asp.net/web-api/overview/security/… — Chandermani
– Chandermani, Commented Jan 5, 2017 at 7:58
@Chandermani Thank you. Your link solve my Cross Origin request POST problem . — ebattulga
– ebattulga, Commented Jan 5, 2017 at 8:15

Community · Accepted Answer · 2017-05-23 11:54:15Z

0

You can enable CORS in Web API in two different ways:

Using Microsoft.AspNet.WebApi.Cors: follow tutorial https://www.asp.net/web-api/overview/security/enabling-cross-origin-requests-in-web-api as Chandermani pointed out.
Add the following to your system.webServer element in your web.config:

<httpProtocol> <customHeaders> <add name="Access-Control-Allow-Origin" value="*" /> <add name="Access-Control-Allow-Headers" value="Content-Type" /> <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" /> </customHeaders> </httpProtocol>

edited May 23, 2017 at 11:54

CommunityBot

11 silver badge

answered Jan 5, 2017 at 8:56

Jesús Nieto

568 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

ebattulga Over a year ago

I'm trying your option 2. But POST request always return 405 method Not allowed. Now i'm solving problem using Microsoft.AspNet.WebApi.Cors library

Jesús Nieto Over a year ago

In some scenarios of the CORS Specification the client sends a Preflighted Request to the server using the OPTIONS method, which you probably did not implement, hence the 405 method not allowed. This is automatically implemented by Microsoft.AspNet.WebApi.Cors, but was not available in older versions of MVC.

Collectives™ on Stack Overflow

Asp.net MVC5 with Angular 2 configuration

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related