封装axios组件

第一步当然是先下载axios

npm install axios --save

第二步单独创建一个文件配置，配置基准路径，axios拦截器

import axios from 'axios'
const request = axios.create({
    baseURL:'',
    timeout:5000
});
request.interceptors.request.use(config=>{
    return config
});
request.interceptors.response.use(config=>{
    return config
});
export default request

第三步创建一个文件在里面写入方法，先引入配置文件（第二步）,然后直接抛出一个对象，方法写在对象内

import axios from '@/utils/request'
export default{
    // 方法名	这里没参数就传了一个空的
    getCarousel(data={}){
    	//必须return返回
        return axios({
        	//路径
            url: "/api/resources/carousel",
            //传参方式
            method: "POST",
            //参数
            data: data
        })
    },
}

最后在组件中引入并使用 ，注意参数的传递