OPTIONS 405 (Phương pháp không được phép) web api 2

Question

Tôi đã tạo ra một trang web api 2 và tôi đang cố gắng để làm một yêu cầu tên miền chéo nó nhưng tôi nhận được lỗi sau:

OPTIONS http://www.example.com/api/save 405 (Method Not Allowed)

tôi đã có một cái nhìn xung quanh và hầu hết các giải pháp cho vấn đề này đang nói rằng tôi cần phải cài đặt CORS từ NuGet và kích hoạt nó vì vậy tôi đã cài đặt các gói và đánh dấu điều khiển của tôi với

[EnableCors("*", "*", "*")] 

Nhưng điều này vẫn chưa giải quyết được vấn đề.

My ApiController chỉ có Save phương pháp sau đây trong:

[ResponseType(typeof(int))] 
public IHttpActionResult Save(Student student) 
{ 
    if (ModelState.IsValid) 
    { 
     using (StudentHelper helper = new StudentHelper()) 
     { 
      return Ok(helper.SaveStudent(student)); 
     } 
    } 
    else 
    { 
     return BadRequest(ModelState); 
    } 
} 

Đây là js của tôi từ một tên miền khác nhau:

$.ajax({ 
    type: "POST", 
    crossDomain: true, 
    data: JSON.stringify(student), 
    crossDomain: true, 
    url: 'http://www.example.com/api/save', 
    contentType: "application/json", 
    success: function (result) { 
     console.log(result); 
    } 
}); 

Có cái gì khác tôi cần phải làm để cho phép điều này?

Answer 1

Cuối cùng tôi đã giải quyết điều này bằng cách thay đổi các yêu cầu ajax. Tôi phát hiện ra rằng các preflight OPTIONS chỉ gửi trong các tình huống nhất định - một trong số đó là nếu yêu cầu có chứa một Content-Type đó không phải là một trong các loại sau đây:

• application/x-www-form-urlencoded
• multipart/form-data
• text/plain

Vì vậy, bằng cách loại bỏ các content-type trong yêu cầu ajax của tôi và thay đổi nó như sau:

$.ajax({ 
    type: "POST", 
    crossDomain: true, 
    data: student, 
    dataType: 'json', 
    url: 'http://www.example.com/api/save', 
    success: function (result) { 
     console.log(result); 
    } 
}); 

Tôi có thể làm cho nó hoạt động.

This page has useful information about simple requests and how to avoid preflight requests

Answer 2

Đảm bảo rằng bạn có TÙY CHỌN là một trong những động từ được phép trong web.config của bạn và nó được xử lý bởi trình xử lý mặc định.

<system.web> 
... 
    <httpHandlers> 
    ... 
    <add path="*" verb="OPTIONS" type="System.Web.DefaultHttpHandler" validate="true"/> 
    <add path="*" verb="TRACE" type="System.Web.DefaultHttpHandler" validate="true"/> 
    <add path="*" verb="HEAD" type="System.Web.DefaultHttpHandler" validate="true"/> 

Answer 3

Ngoài ra hãy thử sử dụng theo yêu cầu tùy chọn withcredentials ajax

$.ajax({ 
    type: "POST", 
    crossDomain: true, 
    data: JSON.stringify(student), 
    withCredentials: true, 
    url: 'http://www.example.com/api/save', 
    contentType: "application/json", 
    success: function (result) { 
     console.log(result); 
    } 
    }); 

Answer 4

Via NuGet làm cho việc cài đặt các gói API web CORS cho dự án của bạn:

Install-Package Microsoft.AspNet.WebApi.Cors

Trong WebApiConfig thêm những dòng sau đây:

var cors = new EnableCorsAttribute ("*", "*", "*"); 
config.EnableCors (cors);