前端系列三十六:添加本地请求参属地址及请求

本文介绍了在前端项目中如何组织API请求配置,以及如何在Vue组件中设置请求参数。在src/api文件夹下创建apis.js用于存储接口参数,例如aliBaiDuNList,并在组件中调用这些参数进行POST请求。通过事件触发提交表单时,使用$api发送带参数的请求,并处理响应结果。

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

第一步:

一般我们会在项目中的src下新建一个api文件夹用来放请求配置及接口中请求的请求参数

第二步:

我们在api文件夹下,新建一个例如apis.js文件用来存储接口参数,

示例:

apis.js文件里:

const apiList = {

//参数地址

aliBaiDuNList: {

label: '开发组-业务数据入库超时',

//这边是后面给的接口地址

url: 'ali_bai_du_n_list',

method: 'post',

},

//参数地址

aliBaiDuNList: {

label: '开发组-业务数据入库超时',

//这边是后面给的接口地址

url: 'ali_bai_du_n_list',

method: 'post',

},

}

export default apiList;

hellowrod.vue:

在写好的请求文件中:

methods: {

这里是放请求参数的方法,方便请求时直接调用请求参数

getQuery() {

//在这里把我们页面中的数据赋值给接口需要的参数

const query = {

// 处理人

//把data里的数据赋值给参数

ownqr: this.stakeholders,

// 开发组

//把data里的数据赋值给参数

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值