axios的封装

169 阅读1分钟

安装

npm install axios;

引入

一般我会在项目的src目录中,新建一个utils文件夹,然后在里面新建一个request.js。he新建一个api文件夹,然后里面 新建一个index.js。request.js文件用来封装我们的axios,index.js用来统一管理我们的接口。

request.js的引入

import axios from 'axios';

const request = axios.create({

baseURL: process.env.VUE_APP_SERVICE_URL,
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;

index.js引入

首先引入request.js

import request from '../utils/request'

export default{

login(mobile,password){
    return request({
        url:'/adminUser/login', //设置地址
        method : 'post',//请求方式
        data:{
            mobile,
            password
        }  
    })
}

}

最后把这个文件可以引入到我们需要的组件中