reactjs ajax库 推荐,react封装ajax

本文介绍了如何在common模块中创建config.js文件,配置dev、test、prod环境,并导出 baseUrl 用于后续的API请求。同时展示了如何使用axios封装网络请求,以baseUrl为前缀并处理响应状态。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.在公共common中创建config.js

// 配置环境dev,test,prod

const env = 'prod';

const evnObj = {

dev: '',

test: '',

prod: 'http://132.232.94.151:7001'

}

export const baseUrl =  evnObj[env];

export default {

projectName: 'maizuo'

}

2.在common中创建untils.js

import { baseUrl } from './config';

// import obj from './config';

// console.log(baseUrl);

// console.log(obj.projectName);

import axios from 'axios';

export const ajax = (url,data,succ) => {

url = baseUrl + url;

data = data || {};

axios.get(url,{params: data}).then(res=>{

if (res.data.status === 0) {

succ(res.data.data);

} else {

alert(res.data.msg);

}

}).catch(()=> {

alert('网络请求失败')

})

}

export const formatDate = (date) => {

return ''

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值