uniapp封装request请求

创建api、config、request文件

//api.js
import request from './request.js'
let api={}
api.getData=function(data){
    return request.get({//post、get自行替换
        url:'/get-list-api',//接口url
        data
    })
}
export default api;

//config
const config = {
 REQUEST_URL : 'http://xxx.xxx',
 IMG_URL :'http://xxxx.xxx'
};
 
export default config;

//request.js
import config from './config.js'
let request=config.config.REQUEST_URL;
function apiRequest(opt,method='post'){
    opt.method=method;
    opt.url+=request+opt.url;
    opt.header=opt.header||{
        "Content-Type": "application/json",
        ......
    }
    
    return new Promise((resolve,reject)=>{
        opt.success=(res)=>{
          if(res.code){//成功
             resolve(res)
          } 
          else{//失败
             reject(res)
          }
        }
        opt.fail=(err)=>{reject(err)};
        uni.request(opt);
    })
    
}
const request={}
['post','get'].foreach((method)=>{
     request[method]=funtion(opt){
       return apiRequest(opt,method)
    }
    // request[method]=(opt)=>apiRequest(opt,method)
})
export default request;

调用页面a.vue中引入api

//a.vue
<script>
    import api from './api.js'
    export default{
        onLoad(){
            api.getData({data:'123'}).then(res=>{
                console.log(res)
            })
        }
    }
</script>