Working on an ASP .NET MVC application integrated with Angular 2, I encountered a problem when trying to communicate from the angular service to a WebApi Controller. The issue arises when attempting to access an action within the WebApi Controller that requires two parameters.
Despite thorough research on similar questions, the problem persists. I have ensured that my webApi routes are registered before the MVC ones and can successfully access the action if no parameters are needed. However, when trying to hit it with specific parameters, I consistently receive a 404 not found error for the Login action - POST localhost:12312/api/userapi/login 404 (Not Found).
I have experimented with various formatting options in the WebApiConfig, including optional parameters, dynamic controller placeholders, and exact names for actions and controllers. I also tried using the Routing attribute without any success.
Another attempt involved defining a single parameter "object credentials" and adjusting the WebApiConfig.cs, but unfortunately, the outcome remained unchanged.
RouteConfig.cs
routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
routes.MapRoute(
name: "Default",
url: "{*anything}",
defaults: new { controller = "Home", action = "Index", id =
UrlParameter.Optional }
);
WebApiConfig.cs
config.MapHttpAttributeRoutes();
config.Routes.MapHttpRoute(
name: "api",
routeTemplate: "api/userapi/login/{username}/{password}",
defaults: new { username = RouteParameter.Optional, password =
RouteParameter.Optional }
);
config.Routes.MapHttpRoute(
name: "DefaultApi",
routeTemplate: "api/{controller}/{action}/{id}",
defaults: new { id = RouteParameter.Optional }
);
UserApiController.cs
[HttpPost]
public HttpResponseMessage LogIn(string username, string password)
{
return ToJson(userRep.LogIn(username, password));
}
angular
this.http.post(url, JSON.stringify(credentials), { headers: headers })
.subscribe(res => {
resolve(res.json());
}, (err) => {
reject(err);
});