.net mvc angular应用程序中的CORS问题[关闭]

Question

我在 .net 中有一个带有 MVC 的 API 项目和另一个在 Angular 7 中的项目。当我尝试调用一个方法时，发生了 CORS 问题。错误消息如下所示。任何人都可以帮助解决这个问题吗？提前致谢

访问 XMLHttpRequest 在 'http://localhost:55134/UserDetails/GetUserDetails' 来自原点 “http://localhost:4200”已被 CORS 策略阻止：响应 预检请求未通过访问控制检查：否 'Access-Control-Allow-Origin' 标头出现在请求的 资源。

我已经安装了包Microsoft.AspNet.WebApi.Cors并添加了

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

在WebApiConfig.cs 文件中。

Answer 1

修改服务器，添加头Access-Control-Allow-Origin: * to 从任何地方启用跨域请求（或指定域 而不是 *)。

*仅开发人员：

禁用同源如果这只是为了开发或学习 目的，最简单的做法是禁用同源策略 在您的浏览器中。请注意，如果您这样做，您将打开您的 浏览器安全隐患。请按照以下说明操作：Chrome Firefox 这更像是最后的手段。修改服务器以支持 CORS 或运行代理是最好的方法。*

更多：- 参考链接：- https://daveceddia.com/access-control-allow-origin-cors-errors-in-angular/

Deadly CORS when http://localhost is the origin

https://coderwall.com/p/_ff9dg/enabling-cross-origin-resource-sharing-cors-on-google-chrome-for-javascript-api-calls-and-debugging-purposes

或者， 使用铬：- Disable same origin policy in Chrome

或者，

在 chrome 中添加 chrome 扩展：-“允许 CORS： 访问控制允许来源”

Answer 2

有一些解决方法：

1. 关闭浏览器安全性；
2. 使用代理（但这些是临时方法）；
3. 在服务器端设置"Access-Control-Allow-Origin":'*'，并在角度请求标头。

希望这会有所帮助。