封装APIaxios

Posted 2021-05-21 龖龖龖

一、封装API和axios

微信小程序Api的封装：利用模块化封装，exprot default 导出一个对象，在对象里面定义方法，返回一个promise对象，在promise中对微信小程序的方法进行二次封装，然后再需要中的组件中import引入

二、小程序axios封装

新建一个request.js文件，设置baseURL,定义一个request函数对微信的request方法进行promise封装，然后定义API对象，对象中封装请求数据的方法，return出request函数，然后导出Api对象，最后挂载到全局APP.js中

三、Vue中axios的封装

进行模块化封装 创建request.js文件，引入axios,设置根路径以及请求时间，设置请求拦截器以及响应拦截器。
在拦截器中可以做页面跳转时loding的效果以及token过期的情况处理等，token过期要和后台商量好，等token时限过去之后在响应拦截器中返回一个字段，可以通过有没有这个字段来判断token有没有过期

设置完成后 导出request 然后挂载到ma.js中