你的问题核心在于混淆了Fetch API的参数结构：你把属于URL查询部分的参数（pagingindex、pagingresults）放到了Fetch的第二个请求配置参数里，但这些参数需要附加到URL上才能生效；而method才是请求配置的合法属性。直接按你原来的方式调用，查询参数不会被自动解析，同时Fetch也无法识别配置里的非标准参数，自然会报错。

下面是两种实用的解决方案：

方案一：手动分离参数并拼接URL #

先把请求配置和查询参数拆分，再用URLSearchParams工具把查询参数转换成标准格式，拼接到基础URL上：

// 重新整理配置结构，明确区分各部分
const requestConfig = {
  baseUrl: `https://t1.testing.com/test/api/v1/blog`,
  queryParams: {
    pagingindex: 0,
    pagingresults: 10
  },
  fetchOptions: {
    method: "POST",
    // 这里可以补充其他请求配置，比如请求头、请求体等
    headers: {
      "Content-Type": "application/json"
    }
  }
};

// 拼接查询参数到基础URL
const targetUrl = new URL(requestConfig.baseUrl);
Object.entries(requestConfig.queryParams).forEach(([key, value]) => {
  targetUrl.searchParams.append(key, value);
});

// 正确调用Fetch
fetch(targetUrl.toString(), requestConfig.fetchOptions)
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('请求失败:', error));

方案二：封装工具函数简化调用 #

如果需要频繁使用这种配置结构，可以封装一个工具函数，自动处理URL拼接和请求发起：

function customFetch(config) {
  const { baseUrl, queryParams, fetchOptions } = config;
  const url = new URL(baseUrl);

  // 自动添加查询参数
  if (queryParams) {
    Object.entries(queryParams).forEach(([key, value]) => {
      url.searchParams.append(key, value);
    });
  }

  // 发起请求并返回Promise
  return fetch(url.toString(), fetchOptions);
}

// 使用示例
const myRequest = {
  baseUrl: `https://t1.testing.com/test/api/v1/blog`,
  queryParams: {
    pagingindex: 0,
    pagingresults: 10
  },
  fetchOptions: {
    method: "POST",
    headers: {
      "Content-Type": "application/json"
    }
  }
};

customFetch(myRequest)
  .then(res => res.json())
  .then(data => console.log(data))
  .catch(err => console.error(err));

额外提示 #

如果你的POST请求需要把参数放到请求体（而非URL查询字符串）中，只需要把queryParams的内容移到fetchOptions的body里，记得转成JSON字符串：

fetchOptions: {
  method: "POST",
  headers: {
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    pagingindex: 0,
    pagingresults: 10
  })
}

内容的提问来源于stack exchange，提问作者Jacky