封装axios

npm i axios --save

在src目录下创建http文件夹

创建一个env.js文件
抛出一个基准地址.
export default{
    local:{
        baseURL:'本地环境'
    },
    test:{
    	baseURL:'测试环境'
	},
    prod:{
        baseURL:'基准地址'
        //地址的字符串拼接,如果这里末尾加了'/'那么写封装请求接口的时候就不用加'/'了
    }
}

创建一个request.js文件,
import Axios from 'axios'  //引入axios进行二次封装

引入env.js这个基准地址
const {baseURL}=env.prod //把基准地址从env.js中解构赋值出来.

然后创建一个axios的实例,
const axios=Axios.create({
    baseURL, //解构出的基准地址
    timeout:5000, //在5秒内一直发送请求
})
//抛出
export default axios

创建一个api.js用来封装接口请求.后期便于维护.
import request from './request' //引入request.js文件
export function 接口名称(传递参数){
    return request({
        url:'', //拼接的接口地址
        method:'',//请求方式,建议全部大写,
        <'data或者params'>
        <'除了get用params其他请求方式都用data'>
    })
}