axios的封装

axios的封装

1.可以在目录文件夹下创建新文件夹network，在文件夹下创建文件，我命名位request.js
2.

原本的写法：

    axios.get('http://127.0.0.1:3000/good/details/'+this.goodsId).then(res=>{
      console.log(res.data)
      this.details= res.data.Details
    }).catch(err=>{
      console.log(err);
    })

在request中封装：

import axios from "axios";

const instance = axios.create({
    baseURL:'http://127.0.0.1:3000',
    timeout:5000
})

export function get(url,params){
    return instance.get(url,{
        params
    })
}
export function post(url,params){
    return instance.get(url,params,{
            transformRequest:[
                function(data){
                    let ret = "";// eslint-disable-line no-unused-vars
                    for (let key in data){
                        ret += encodeURIComponent(key) + '=' + encodeURIComponent(data[key])  + '&'
                    }
                    return ret;
                }
            ],

            headers:{
                "Content-Type":'application/x-www-form-urlencoded'
            }
    })
}

封装后的写法：

可以在全局引入也可以单页面引入封装的get和post方法

    get('/good/detail'+this.goodsId).then(res=>{
        console.log(res.data)
      this.details = res.data.Datails
    }).catch(err=>{
      console.log(err)
    })