不支持restful形式的api结构

[carl-jin]

问题描述

不支持restful形式的api结构, 如果mock模拟数据按以下restful api结构书写, 永远只会返回第一个

export default [
  {
    url: '/admin-api/api-permission',
    timeout: 1000,
    method: 'post',
    response: () => {
      return resultSuccess({});
    },
  },
  {
    url: '/admin-api/api-permission',
    timeout: 1000,
    method: 'get',
    response: ({ query }) => {
      const { page = 1, pageSize = 20 } = query;
      return resultPageSuccess(page, pageSize, apiPermissionList);
    },
  },
] as MockMethod[];

版本

最新版本

解决方法

https://github.com/anncwb/vite-plugin-mock/blob/bee76e432663c7bd6968fe0670dfa0eb8ab0946a/src/createMockServer.ts#L61
在这里需要加个method判断

    const matchReq = mockData.find((item) => {
      if (isGet) {
        return item.url === queryParams.pathname && item.method === req.method.toLowerCase();
      }
      return item.url === req.url  && item.method === req.method.toLowerCase();
    });

我不确定是我调用的方式不对, 还是程序判断不准确

[carl-jin]

另外也不支持, /admin-api/api-permission/:id 这种写法, 匹配不到 :id

[carl-jin]

只能先写死了, 不会排查.. 我之前看vue-router好像有个什么库, 专门处理这种路径匹配的

  {
    url: '/admin-api/api-permission/0',
    timeout: 1000,
    method: 'delete',
    response: () => {
      return resultSuccess({});
    },
  },

[anncwb]

会支持

[carl-jin]

会支持

我刚好准备提交一个pull request

[carl-jin]

会支持

#5

[anncwb]

试试v2.2.1

[anncwb]

2.2.2

[carl-jin]

yezir