安装
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
}
})
}
}
最后把这个文件可以引入到我们需要的组件中