传参方式

来源:3-8 集成axios请求库—对axios的TS封装-2

慕桂英9364821

2022-12-31

如果接口访问方式想要使用
/api/room/room/getRoomList/pageNo/1
这样的方式传参,如果做呢?

课程封装的传参方法是/api/room/room/getRoomList?pageNo=1&pageSize=3

写回答

1回答

Harry_wang

2023-01-01

后端接口支持第二种方式,如果想要支持第一种,需要和后端开发人员约定好
0
2
Harry_wang
回复
慕桂英9364821
这种方式的接口,我目前还真没遇到过,自己的思路如下:假设参数为pageNo,参数值为1,代码片段如下: import { http } from '../utils/http' export function 接口函数(params) { let query = Object.entries(params) // 假设 params = { pageNo: 1} let arr = Array.from(...query) let str = arr.join('/') return http.httpRequestGet(`/api/room/room/getRoomList/${str}`) } 那么最后拼出来的接口就是/api/room/room/getRoomList/pageNo/1 也许你有更好的方式来实现。新年快乐呦!
2023-01-02
共2条回复

Vue3+TS打造SSR网站应用,0到1实现服务端渲染

教你一套前端技术组合拳,Get全套网站优化解决方案

368 学习 · 192 问题

查看课程