传参方式

Question

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

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

Answer 1

Harry_wang 2023-01-01 10:22:51

后端接口支持第二种方式，如果想要支持第一种，需要和后端开发人员约定好

• 提问者 慕桂英9364821 #1

  嗯嗯，想要咨询的问题是，如果后端已经定义的接口方式是/api/room/room/getRoomList/pageNo/1，
  在前端，通过http.ts的封装方法中，如何支持这种访问形式呢？
  
  感谢新年的回复。新年快乐！

• Harry_wang 回复 提问者 慕桂英9364821 #2

  这种方式的接口，我目前还真没遇到过，自己的思路如下：假设参数为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
  也许你有更好的方式来实现。新年快乐呦！