使用 Angular2 在 google chrome 浏览器中启用跨域请求答案

【问题标题】：enable cross domain requests in google chrome browser using Angular2使用 Angular2 在 google chrome 浏览器中启用跨域请求
【发布时间】：2016-09-30 11:42:45
【问题描述】：

有没有办法允许在浏览器中使用 angular2 进行跨域 (CORS) 请求？因为我可以使用 ionic2 调用此类请求。但我只想在 angular2 应用程序中启用这些类型的请求。

我通过以下方式在 ionic.config.json 中创建了一个条目以启用代理，

"proxies": [
    {
      "path": "/token",
      "proxyUrl": "http://10.74.39.249:8881/app/rest/v1.0/service"
    }
  ]

【问题讨论】：

标签： angular ionic2

【解决方案1】：

我一直在开发一个带有 c# web api 后端的 angular2 应用程序，我还遇到了 angular 声称我的 cors 设置有问题的问题，而实际上它是我发送到 api 的数据有错。

我的怀疑是，当您通过 Angular 发出 http 请求时，它会尝试找到您请求的 url，如果无法找到，则假定您和 api 都打开了 cors 设置有问题同一个主机。

在我的情况下，我试图将 js 日期对象发送到期望 c# datetime 类型的 api，即使我的 url 设置正确，角度看到它无法将 js 日期对象传递到 c# datetime参数 and 并假设这不是我想要命中的端点。

在修改我想要发送的数据以符合 c# datetime 类型的结构后，api 调用起作用了。尝试使用 fiddler 或 google chrome 之类的工具检查 angular 发出的请求，以确保一切看起来都正确，因为 angular 很有可能会引导您进行疯狂的追逐。

【讨论】：