Vue-axios网络层封装

网络层封装:避免太多依赖

先创建一个文件用来封装axios

第一种方法：

//如果有多个就重新创建，先导入axios

import axios from 'axios'

//第一种方式：返回Promise

export function request(config){

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

//1.创建axios实例

const instance =axios.create({

    baseURL:'http://123.207.32.32:8000',

    timeout:5000

})

//2.发送真正的网络请求

instance(config).then(ret=>{

        resolve(ret) //把数据加载到resolve里

}).catch(err=>{

    reject(err)

})

    })

数据处理层

}

发送请求：

1.接受

接受第一个

2.接受发送config值

接受那边的值

如果有第二个就重新再声明一个// export function request1(config){

// }

第二种方法：

直接返回return

//第二种方式P

export function request(config){

    //  1.创建axios实例

    const instance =axios.create({

    baseURL:'http://123.207.32.32:8000',

    timeout:5000

})

//发送请求,直接返回return

return instance(config)

}

接受还是和法一一样的