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

首页
vue
正文

本文介绍: vue3中几种封装让后端传参请求方式post请求,但是后端参数不是对象，是一个单参

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

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。

如若转载，请注明出处：http://www.7code.cn/show_62533.html

如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！

主题授权提示：请在后台主题设置-主题授权-激活主题的正版授权，授权购买：RiTheme官网

显示所有内容

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。