![](/img/trans.png)
[英]AngularJS/ c# WebAPI 405 method not allowed after URLrewrite
[英]WebApi + AngularJS: 405 Method Not Allowed
我遇到了一個問題,盡管我已經看到很多有關同一主題的答案,但實際上沒有任何用處。.我有一個WebAPI項目,一個有Angular的MVC項目。
在Angular項目中,我正在嘗試發布如下內容:
var promise = $http.post("http://localhost:55692/api/users", user)
.success(function (data) {
debugger;
console.log(data);
return data;
});
$http(
{
url: "http://localhost:55692/api/users",
method: "POST",
headers: { 'Content-Type': 'application/json' },
data: { "user": user }
})
.then(function (response) {
debugger;
console.log(data);
return data;
});
return promise;
如果看到的話,我會兩次調用相同的API以防萬一是Angular的事情,但對我來說不是。
我的API項目中有這個控制器:
[RoutePrefix("api/users")]
public class ValuesController : ApiController
{
[Route("")]
[HttpPost]
public HttpResponseMessage LoginOrRegister(RegisterUserViewModel user)
{
HttpResponseMessage response = Request.CreateResponse(HttpStatusCode.OK, true);
return response;
}
}
這是我的回應:
這是我的WebConfig
<system.webServer>
<handlers>
<remove name="ExtensionlessUrlHandler-Integrated-4.0" />
<remove name="OPTIONSVerbHandler" />
<remove name="TRACEVerbHandler" />
<add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="*" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
</handlers>
<!--<validation validateIntegratedModeConfiguration="false" />-->
<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Allow-Headers" value="Origin, X-Requested-With, Content-Type, Accept, X-Token, X-Acting-As" />
<add name="Access-Control-Allow-Methods" value="GET,POST,PUT,DELETE,OPTIONS,PATCH" />
</customHeaders>
</httpProtocol>
</system.webServer>
編輯我的WebApiConfig看起來像這樣:
public static class WebApiConfig
{
public static void Register(HttpConfiguration config)
{
// Attribute routing enabled
config.MapHttpAttributeRoutes();
// Convention-based routing enabled
config.Routes.MapHttpRoute(
name: "DefaultApi",
routeTemplate: "api/{controller}/{id}",
defaults: new { id = RouteParameter.Optional }
);
config.Formatters.JsonFormatter.SerializerSettings.NullValueHandling = NullValueHandling.Include;
// Uncomment the following line of code to enable query support for actions with an IQueryable or IQueryable<T> return type.
// To avoid processing unexpected or malicious queries, use the validation settings on QueryableAttribute to validate incoming queries.
// For more information, visit http://go.microsoft.com/fwlink/?LinkId=279712.
//config.EnableQuerySupport();
// To disable tracing in your application, please comment out or remove the following line of code
// For more information, refer to: http://www.asp.net/web-api
config.EnableSystemDiagnosticsTracing();
}
}
最后,唯一奇怪的是我正在使用IISExpress,因為這是我項目的第一步。
有人知道會發生什么嗎?
經過很多努力,就是這樣...
public static class WebApiConfig
{
public static void Register(HttpConfiguration config)
{
// Attribute routing enabled
config.MapHttpAttributeRoutes();
// Convention-based routing enabled
config.Routes.MapHttpRoute(
name: "DefaultApi",
routeTemplate: "api/{controller}/{id}",
defaults: new { id = RouteParameter.Optional }
);
config.Formatters.JsonFormatter.SerializerSettings.NullValueHandling = NullValueHandling.Include;
config.MessageHandlers.Add(new PreflightRequestsHandler());
}
}
和飛行前班:
public class PreflightRequestsHandler : DelegatingHandler
{
protected override Task<HttpResponseMessage> SendAsync(HttpRequestMessage request, CancellationToken cancellationToken)
{
if (request.Headers.Contains("Origin") && request.Method.Method.Equals("OPTIONS"))
{
var response = new HttpResponseMessage { StatusCode = HttpStatusCode.OK };
// Define and add values to variables: origins, headers, methods (can be global)
response.Headers.Add("Access-Control-Allow-Headers", "accept, content-type");
var tsc = new TaskCompletionSource<HttpResponseMessage>();
tsc.SetResult(response);
return tsc.Task;
}
return base.SendAsync(request, cancellationToken);
}
}
我希望這對其他人有幫助!
不支持您的請求數據類型時,出現405。 您需要在下面傳遞內容類型
private headers = new Headers({ 'Content-Type': 'application/json' });
private options = new RequestOptions({ headers: this.headers });
return this.http.post(this.baseUserUrl + '/Save', JSON.stringify(user), this.options)
.toPromise()
.then(response => response)
.catch((error) => Promise.reject(error));
在API層
public async Task<HttpResponseMessage> Save(UserDto user)
要么
public HttpResponseMessage Save(UserDto user)
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.