vue调用接口那些事

前后端分离听了无数遍,本质就是后端只写接口,前端写界面。
理想化的方案,后端搭数据库,写后端界面功能,写接口api。前端写vue,依据本地的json文件写数据呈现的样式。
后来,发现前后端有个时间差,于是,前端把需要用到的json文件放到网上(比如[www.easy-mock.com等平台),这样后端可以紧跟前端脚步,同步编写项目的api接口。
其实还一个比较模糊的事情,交互谁来写(如果后端返回空数据怎么办,如果用户没有登录怎么处理,分页加载/刷新需求的实现)?vue项目在npm run build完成之后就真的可以上线了么,给用户交付一个移动端网页就结束了?服务器端的配置who来?app打包和webpack打包是一回事么?
好吧,经历了一个项目,这些灰色地带,老板不懂,前端vue的同事不懂,我懂。

言归正传,说说vue接口调用。严格来说,接口有3种场景:
1)本地开发环境,就是通过npm run dev 来请求的情况。
这种情况,是通过config的dev字段,proxy来配置,由vue帮你完成转发的。
2)移动端网页,通过服务器转发来实现(比如apache的.htaccess文件)。
3)APP环境。APP是不存在跨域的,所以直接大胆的写上完整的请求地址,在axios配置里面写好即可。

转载于:https://blog.51cto.com/44855/2171742

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值