vue3中几种封装让后端传参请求方式

发布时间:2024年01月23日

1、post请求,但是后端参数不是对象,是一个单参

后端

??????? /// <summary>
??????? /// 获取项目服务详情
??????? /// </summary>
??????? /// <param name="id"></param>
??????? /// <returns></returns>
??????? /// <exception cref="UserFriendlyException"></exception>
??????? [AllowAnonymous]
??????? [HttpPost("get-eploymentDetails")]
??????? public async Task<GetProjectDetailsDto> GetDetailsAsync(Guid id)
??????? {
??????????? return await _projectServiceAppService.GetDetailsAsync(id);
??????? }

前端使用如下,是错误的,传参传不过去

// 获取就业服务详情

export function getDetail(id) {

? return request({

? ? url: "/api/SupplyDemand/employmentService/get-eploymentDetails",

? ? method: "post",

? ? data: { id },

? });

}

?需使用如下形式:

//获取项目服务详情

export function getDetail(id) {

? ? return request({

? ? ? url: "/api/SupplyDemand/projectService/get-eploymentDetails",

? ? ? method: "post",

? ? ? params: { id },

? ? });

}

2、get请求

后端

??????? /// <summary>
??????? /// 项目专题列表
??????? /// </summary>
??????? /// <param name="count">显示条数</param>
??????? /// <returns></returns>
??????? [HttpGet("get-projectList")]
??????? [AllowAnonymous]
??????? public async Task<List<GetProjectListDto>> GetProjectListAsync(int count)
??????? {
??????????? return await _projectServiceAppService.GetProjectListAsync(count);
??????? }

前端

//项目服务列表

export function getProjectList(count){

? ? return request.get(

? ? ? ? `/api/SupplyDemand/projectService/get-projectList?count=${count}`

? ? );

}

3、post请求,后端定义的一个对象参数

??????? /// <summary>
??????? /// 创建或更新项目服务
??????? /// </summary>
??????? /// <param name="input"></param>
??????? /// <returns></returns>
??????? /// <exception cref="BusinessException"></exception>
??????? [HttpPost("create-update-project")]
??????? public async Task CreateOrUpdateAsync(CreateOrUpdateProjectInput input)
??????? {
??????????? await _projectServiceAppService.CreateOrUpdateAsync(input);
??????? }

前端

//申请项目服务咨询

export function subimtServiceApply(data){

? ? return request({

? ? ? ? url: "/api/SupplyDemand/serviceApply/carete-serviceApply",

? ? ? ? method: "post",

? ? ? ? data,

? ? });

}

文章来源:https://blog.csdn.net/weixin_38225763/article/details/135774140
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。