一.首页在src目录下建立两个文件夹
分别为utils和api
二.分别在文件夹下新建两个文件
request.js用来封装axios,login.js用于封装api
三.直接上代码,学会自己理解
1.request.js完整代码(放在utils目录下)
import axios from 'axios'
//创建一个axios对象
const instance = axios.create({
baseURL: '这里自己填', //baseURL会在发起请求的时候自动拼接在url前面
timeout: 5000
})
//请求拦截
instance.interceptors.request.use(
config => {
return config
},
err => {
return Promise.reject(err)
}
)
// 响应拦截
//根据服务器状态码做响应处理
instance.interceptors.response.use(
function(res) {
return res.data
},
function(err) {
let { response } = err
if (response) {
// 服务器返回结果
switch (response.status) {
case 401: //需要验证用户(一般是未登录)
// 跳转登录