虽然可以写静态的app了,但是最终app还是要访问后台接口才可以算的上真正的应用程序。
ionic有内置的服务器,我们不用把它放在tomcat、nginx等服务器才可运行,只有执行ionic serve
,就可以在localhost:8100上访问app了。
我的后端同事写了一个后端服务:通过id获取用户信息,地址是http://10.83.11.43:8888/MobileInterface/service
。首先如果在app中直接访问这个地址,像这样:
但控制台马上给出了反应:
可以看出localhost:8100访问10.83.11.43:8888明显是跨域问题,所以我们需要通过配置反代理来解决问题。
很简单:
只要在ionic.config.json中配置proxies属性就可以了,但要注意其中path
和proxyUrl的值。我们的地址是ip:port/MobileInterface/service
,但path和proxyUrl只需到/MobileInterface
。
然后修改我们的请求命名:
这下我们就可以正确访问后端接口了~