ionic2:设置反代理访问后端api

虽然可以写静态的app了，但是最终app还是要访问后台接口才可以算的上真正的应用程序。

ionic有内置的服务器，我们不用把它放在tomcat、nginx等服务器才可运行，只有执行ionic serve，就可以在localhost:8100上访问app了。

我的后端同事写了一个后端服务：通过id获取用户信息，地址是http://10.83.11.43:8888/MobileInterface/service。首先如果在app中直接访问这个地址，像这样：

Paste_Image.png

但控制台马上给出了反应：

Paste_Image.png

可以看出localhost:8100访问10.83.11.43:8888明显是跨域问题，所以我们需要通过配置反代理来解决问题。

很简单：

Paste_Image.png

只要在ionic.config.json中配置proxies属性就可以了，但要注意其中path
和proxyUrl的值。我们的地址是ip:port/MobileInterface/service，但path和proxyUrl只需到/MobileInterface。

然后修改我们的请求命名：

Paste_Image.png

这下我们就可以正确访问后端接口了~