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,但pathproxyUrl只需到/MobileInterface

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

Paste_Image.png

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,347评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,261评论 25 709
  • 在ionic项目中,如果你使用ionic serve或者ionic run,并且开启了动态加载(live relo...
    ten5743阅读 14,369评论 4 26
  • 20161216 如果我有男朋友 转眼就要迎来人生第三个本命年,真是个尴尬的年纪,说小不小,说老不老。 最近在看口...
    灼兮阅读 3,462评论 0 0
  • 车牌号能影响你的运势? 车牌号为凶数,就一定会发生车祸? 车牌不能乱用,小心人车两空? 联系电话:138 2579...
    龍鼎匀阅读 1,085评论 0 0