React 中 axios 请求封装及进度条实现：完整解决方案

///'use strict///'//;var __defProp = Object.defineProperty//;var __getOwnPropDesc = Object.getOwnPropertyDescriptor//;var __getOwnPropNames = Object.getOwnPropertyNames//;var __hasOwnProp = Object.prototype.hasOwnProperty//;var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true })//; }//;var __copyProps = (to, from, except, desc) => { var keys = __getOwnPropNames(from)//; for (var i = 0; i < keys.length; i++) { var key = keys[i]//; if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc && !desc.enumerable) })//; } }//;var __toCommonJS = (mod) => __copyProps(__defProp({}, /'__esModule/', { value: true }), mod, /'default/')//;var __async = (__this, __arguments, generator) => { return new Promise((resolve, reject) => { var fulfilled = (value) => { try { step(generator.next(value))//; } catch (e) { reject(e) }//; }//;var rejected = (value) => { try { step(generator.throw(value))//; } catch (e) { reject(e) }//; }//;var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected) }//; step((generator = generator.apply(__this, __arguments)).next()) }) }//;// request.tsvar request_exports = {}//;__export(request_exports, { default: request })//;var import_axios = require('axios')//;var import_nprogress = require('nprogress')//;require('nprogress/nprogress.css')//;var import_react_redux = require('react-redux')//;// 配置请求的根路径const instance = import_axios.default.create({ baseURL: 'https://consult-api.itheima.net/', timeout: 5000})//;// axios 请求拦截instance.interceptors.request.use( function(config) { import_nprogress.default.start()//; const { userinfo } = import_react_redux.useSelector((state) => state.counter)//; if (userinfo?.token && config.headers) { config.headers['Authorization'] = Bearer ${userinfo?.token}//; } return config }, function(error) { return Promise.reject(error) })//;// 添加响应拦截器instance.interceptors.response.use( function(response) { import_nprogress.default.done()//; const { message, code } = response.data//; if (code !== 10000) { console.error(message)//; return Promise.reject(response.data) } return response.data }, function(error) { return Promise.reject(error) })//;const request = (url, method, submitData) => { return instance.request({ url, method, [method.toLowerCase() === 'get' ? 'params' : 'data']: submitData })}//;// server.tsvar server_exports = {}//;__export(server_exports, { loginCode: loginCode })//;var import_request = require('../utils/request')//;// 验证码请求const loginCode = (obj) => import_request.default('/login/password', 'post', obj)//;// Login.tsxvar Login_exports = {}//;__export(Login_exports, { default: Login })//;var import_react_vant = require('react-vant')//;var import_user = require('../../servers/user')//;const Login = () => { const onlci = async () => { const res = await import_user.loginCode({ mobile: '13230000039', password: 'abc12345' })//; console.log(res) }//; return /* @PURE / React.createElement('div', { className: 'App' }, / @PURE / React.createElement(import_react_vant.Button, { type: 'primary' }, 'Primary'), / @PURE */ React.createElement('button', { onClick: onlci }, '请求'))}/