axios的封装

都是在src下创建文件

第一：创建config文件 内设index.js 封装固定路由接口

    const config={
    baseUrl:'路由地址'  
    //baseUrl  封装的路由名称
    }
    export default config

第二：创建utils文件 内设index.js 接口的包装

        import config from "../config"  //引入 前面的config
        import Axios from "axios"    //下载axios
        import Qs from "qs"       //vue自带
       class HTTP{
               request(params){
                     return new Promise((resolve,reject)=>{
                     Axios({
                            method:params.type||'get',   //传参方式
                            url:config.baseUrl+params.url,  //拼接
                            data:Qs.stringify(params.data) 
                          }).then(res=>{
                                if(!res.code){
                                  console.log(" ")
                                    }
                            resolve(res)
                        })
              })
        }
  }
  export default HTTP

第三步: 创建services文件 http 里面写入用到的接口，从这个文件内获取需要的接口

 import HTTP from "../utils/http"
      const _http=new HTTP()
      class Product{
          list(){
               //get方式
                   return _http.request({
                   url:'banner/list'
                   })
                };
            }
			
            reputation(objzong){
            //post方式
                    return _http.request({
                    type:'post',
                    url:'order/reputation',
                    data:{
                          token:objzong.token,
                          postJsonString:objzong.postJsonString
                         }
                     })
                }
	
               req(id){
               //id拼接方式
                      // console.log(typeof id)
                      return _http.request({
                          type:'post',
                           url:`shop/goods/reputation?goodsId=${id}`,
                        })
                    };
      export default Product

第四步：引用

//那个页面用到那个页面引用
import Product from "../../services/http";
const _product = new Product();

//调用axios
   _product.default(token).then((res)=>{
        this.list=res.data.data
    })