当前位置: 移动技术网 > IT编程>脚本编程>vue.js > 封装axios并创建请求函数

封装axios并创建请求函数

2020年08月11日  | 移动技术网IT编程  | 我要评论
封装axiosajax.js/*封装axios函数的返回值是promise对象统一处理请求异常*/import axios from "axios";export default function ajax(url, data = {}, type = "GET") { return new Promise((resolve, reject) => { let promise; //1、执行异步ajax请求 if (type === "GET") {

封装axios

ajax.js

/*
封装axios
函数的返回值是promise对象
统一处理请求异常
*/ import axios from "axios"; export default function ajax(url, data = {}, type = "GET") { return new Promise((resolve, reject) => { let promise; //1、执行异步ajax请求 if (type === "GET") { promise = axios.get(url, { params: data }); } else { promise = axios.post(url, data); } promise .then(response => { //2、如果成功,调用resolve() resolve(response); }) .catch(error => { //3、如果失败,不调用reject(),而是提示异常信息(可以结合第三方框架) alert("请求出错"); }); }); } 

请求函数

index.js

/*
接口请求函数
*/ import ajax from "./ajax"; //登录 export const reqLogin = (username, password) => ajax("/login", { username, password }, "POST"); 

本文地址:https://blog.csdn.net/weixin_41897680/article/details/107892609

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网