vue2中如何封装接口get和post

在request中=>index.js

先下载axios和qs

npm i axios     npm i querystring

引入

import axios from 'axios'

import queryString  from 'querystring'

get封装  url是接口  params是参数

export const get=(url,params={})=>{

    return new Promise((resolve,reject)=>{

        axios.get(url,{params}).then(res=>{

            resolve(res)

        }).catch(err=>{

            reject(err)

        })

    })

}

post封装要判断是否有上传文件   有的话用new FromData   没有的话就用queryString.stringify装换

export const post=(url,params={},isFile=false)=>{

    let data={}

    if(isFile){

        data=new FormData()

        for(let i in params){

            data.append(i,params[i])

        }

    }else{

        data=queryString.stringify(params)

    }

    return new Promise((resolve,reject)=>{

        axios.post(baseUrl+url,data).then(res=>{

            resolve(res)

        }).catch(err=>{

            reject(err)

        })

    })

}