个人主页:不爱吃糖的程序媛
♂️ 作者简介:前端领域新星创作者、CSDN内容合伙人,专注于前端各领域技术,成长的路上共同学习共同进步,一起加油呀!
✨系列专栏:前端面试宝典、JavaScript进阶、vue实战
资料领取:前端进阶资料以及文中源码可以在公众号“不爱吃糖的程序媛”领取
导语:前端写好了页面如何与后端对接口,下面是一篇看图步骤说明,更方便大家去理解操作。
调接口的步骤:
1、serve定义请求的url
2、action里面定义方法
3、页面调用action方法
4、接口通了返回数据就绑定数据到页面
![前端如何与后端对接口_第1张图片](http://img.e-com-net.com/image/info8/4aada71780a742a49f12e02f67377a4a.jpg)
![前端如何与后端对接口_第2张图片](http://img.e-com-net.com/image/info8/f1810ca6cebd47fabba8999d924e88a9.jpg)
![前端如何与后端对接口_第3张图片](http://img.e-com-net.com/image/info8/7751d5a8b2824ab5be68e33e5c90e144.jpg)
接口状态码:
![前端如何与后端对接口_第4张图片](http://img.e-com-net.com/image/info8/b416d6f9f4d747f9a562d6cb5e858ded.jpg)
如何找接口:
![前端如何与后端对接口_第5张图片](http://img.e-com-net.com/image/info8/6795d8aa578a4ae4a440e4e04bb126f3.jpg)
![前端如何与后端对接口_第6张图片](http://img.e-com-net.com/image/info8/0bbdf14b9355400ab6638867f1dc3298.jpg)