前端get接口传参（查询 修改、分页等）

一般用于单个修改、查询等（后端让接口拼接id：/getApi?id=6）

//test.js(拼接id)
export function getApi(num) {
  return request({
    url: '/XXX/getApi?id=' + num,
    method: 'get',
  })
}

//vue文件
//引入js文件
import { getApi } from "@/api/test";
methods: {
    getData() {
        var num = 6
        const res = await getApi(num);
    }
}

或

//test.js
export function getApi(params) {
  return request({
    url: '/XXX/getApi',
    method: 'get',
    params
  })
}

//vue文件
//引入js文件
import { getApi } from "@/api/test";
methods: {
    getData() {
        var num = 6;
        const res = await getApi({id: num });
    }
}

以上两个最终都显示：/XXX/getApi?id=6

一般用于获取全部（分页请求接口：/XXX/getApi?pageNum=1&pageSize=10）

//test.js
//params(接收obj{ pageNum=1, pageSize=10, })
export function getApi(params) {
  return request({
    url: '/XXX/getApi',
    method: 'get',
    params
  })
}
//vue文件
//引入js文件
import { getApi } from "@/api/test";
methods: {
    getData() {     
        var obj = {
        pageNum: 1,
        pageSize: 10,
        };
        const res = await getApi(obj);

    //也可以直接写里面
    const res = await getApi({
        pageNum: 1,
        pageSize: 10,
      });
    }
}