Angularjs 安格拉斯邮政公司

Angularjs 安格拉斯邮政公司,angularjs,cors,Angularjs,Cors,我不熟悉AngularJS,还在学习。我有下面的angularJS代码来检查API中的登录凭据。但在登录时(单击我的登录按钮),它并没有达到API代码中的断点。API和登录代码都在本地计算机上运行。我附上了CORS错误的图片 AngularJS 数据={用户名:'user',密码:'pass'} API [HttpPost] [Route("signin")] public IHttpActionResult Authenticate([FromBod

我不熟悉AngularJS,还在学习。我有下面的
angularJS
代码来检查API中的登录凭据。但在登录时(单击我的登录按钮),它并没有达到API代码中的断点。API和登录代码都在本地计算机上运行。我附上了CORS错误的图片

AngularJS

数据={用户名:'user',密码:'pass'}

API

    [HttpPost]
    [Route("signin")]
    public IHttpActionResult Authenticate([FromBody] UsersSigninDTO dto)
    {
      //Codes            
    }
类DTO

public class UsersSigninDTO
{
    [Required(ErrorMessage = "username is required.")]
    public string username { get; set; }
    [Required(ErrorMessage = "password is required.")]
    public string password { get; set; }
}

[]

调用本地主机时,您使用了两个不同的端口,因此触发了CORS

应用程序似乎是从localhost:51216加载的,localhost:63763对API的请求

如果从localhost:63763加载应用程序会怎么样


可能您正在同时运行2个Web包实例?检查您的配置。

我解决它。在API代码方面,我在WebApiConfig.cs

config.MapHttpAttributeRoutes();
EnableCorsAttribute CorsAttribute = new EnableCorsAttribute("*", "*", "*");
config.EnableCors(CorsAttribute);
config.MapHttpAttributeRoutes();
EnableCorsAttribute CorsAttribute = new EnableCorsAttribute("*", "*", "*");
config.EnableCors(CorsAttribute);