ionic2 浏览器跨域问题

Question

ionic2项目从Localhost向远程服务器提交Post请求，在真机中可以返回正确的数据,但是在Chrome中遇到了跨域的问题，查了些资料，配置了一下服务端的Access-Control-Allow，但是没效果，谁能看一下吗，下面是报错和代码。

Answer 1

这个坑我也遇到过，整个过程我都写在我的博客里了：http://www.haoguangbo.com/arc...

简单来说，因为真机里网页的访问走的是file://协议，而非http://或https://，因此不会出现跨域问题，但是浏览器里开发调试的时候，由于实际上是ionic的CLI在本地跑了一个小服务器，网页等资源都是通过http加载的，就会出现跨域问题。
解决这个其实很简单，后端服务器不需要做任何处理，只需要在ionic的配置文件（ionic.config.js）里加上proxy这个字段，如下所示：

{
  "name": "appname",
  "email": "",
  "app_id": "",
  "proxies": [
    {
      "path": "/api",
      "proxyUrl": "https://api.instagram.com/api"
    }
  ]
}

然后，在想访问https://api.instagram.com/api/xxx的时候，就改成访问/api/xxx，ionic会自动把以http://localhost:8000/api开头的请求都转发到https://api.instagram.com/api，就像shadowsocks一样。
最后重新ionic serve重启一下ionic就可以了。
这个问题，ionic团队真应该写到官方文档里，实在是坑了太多的人了。
希望能帮到题主。

Answer 2

angular设置了CROS没有?

$httpProvider.defaults.withCredentials = true;

Answer 3

我来写一个简单的方法，不需要写任何的代码，改变Chrome的设置来禁用同源策略。
Mac上可以在终端运行，yourUserName替换成你的账户名：

open -n /Applications/Google\ Chrome.app/ --args --disable-web-security  --user-data-dir=/Users/yourUserName/MyChromeDevUserData/

Windows可以参考：http://www.cnblogs.com/zouron...