Python全系列 教程
3567个小节阅读:5929.2k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
Axios 是一个基于 promise 的网络请求库
Axios的应用是需要单独安装的
xxxxxxxxxx
yarn add axios
在src\utils\request.js
增加代码,如下
xxxxxxxxxx
import axios from "axios"
const errorHandle = (status,info) =>{
switch(status){
case 400:
console.log("语义错误");
break;
case 401:
console.log("服务器认证失败");
break;
case 403:
console.log("服务器请求拒绝执行");
break;
case 404:
console.log("请检查网路请求地址");
break;
case 500:
console.log("服务器发生意外");
break;
case 502:
console.log("服务器无响应");
break;
default:
console.log(info);
break;
}
}
/**
* 创建Axios对象
*/
const instance = axios.create({
timeout:5000,
})
instance.interceptors.request.use(
config =>{
return config
},
error => Promise.reject(error)
)
instance.interceptors.response.use(
response => response.status === 200 ? Promise.resolve(response) : Promise.reject(response),
error =>{
const { response } = error;
if(response){
errorHandle(response.status,response.info)
}else{
console.log("网络请求被中断了");
}
}
)
export default instance
在src\api\base.js
xxxxxxxxxx
/**
* 存放所有网络请求地址
*/
const base = {
baseUrl:"http://localhost:5000", // 公共地址
login:"/user/login/", // 登录地址
}
export default base
在src\api\index.js
xxxxxxxxxx
import axios from "../utils/request.js"
import base from "./base.js"
const api = {
/**
* 登录
*/
getLogin(params) {
return axios.post(base.baseUrl + base.login, params)
},
}
export default api