vue调用接口那些事

Posted 2021-01-04

前后端分离听了无数遍，本质就是后端只写接口，前端写界面。
理想化的方案，后端搭数据库，写后端界面功能，写接口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配置里面写好即可。