axios项目中使用

1.进行自定义封装axios对象

//utils/request.js

import axios from 'axios'
const request =axois.create({
    baseURL:'/',
    timeout:5000
})

//可以定义拦截器
//定义请求的拦截器
request.interceptors.request.use(config=>{
    return config
},error=>{
    return Promise.reject(error)
})
request.interceptors.response.use(response=>{
    return response
},error=>{
    return Promise.reject(error)
})



export default request

2.在api目录中定义一些接口 例如：

//test.js
export default{
    getlist(){
        const req=request({
            method:'get',
            url:''
        })
        return req//返回一个对象
    }
}

2.在.vue文件中进行进行接收请求返回的值

import testapi from '@/api/test'
export default{
    fetchdata(){
        testapi.getlist.then(response=>{
            console.log(reponse.data)
        })
    }
}