使用Playwright TypeScript自动化OData API时无法传递空格参数

问题核心是Playwright默认用application/x-www-form-urlencoded规则编码参数，会把空格转成+，但OData的$filter参数要求空格用%20编码（符合RFC 3986标准），以下是无需额外安装OData库的解决方法：

方法1：手动构建编码后的查询字符串 #

直接用encodeURIComponent处理$filter的取值，它会自动把空格转成%20，再拼接成完整URL发送请求：

const targetUsername = '2006040006';
// 编码filter规则，空格会被转成%20
const encodedFilter = encodeURIComponent(`username eq '${targetUsername}'`);
// 拼接完整请求地址
const requestUrl = `getuserbyusername?$filter=${encodedFilter}`;

// 发送请求
const response = await page.request.get(requestUrl);

方法2：处理URLSearchParams的编码结果 #

如果习惯用URLSearchParams构建参数，可以先生成默认编码的字符串，再把所有+替换成%20：

const params = new URLSearchParams({
  $filter: `username eq '2006040006'`
});
// 替换默认的+编码为OData要求的%20
const fixedParams = params.toString().replace(/\+/g, '%20');
const requestUrl = `getuserbyusername?${fixedParams}`;

const response = await page.request.get(requestUrl);

两种方法都能生成和Postman一致的请求格式：getuserbyusername?$filter=username%20eq%20%272006040006%27，满足OData接口的要求。

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