您需要使用encodeURIComponent()，并将接收到的路径作为参数：示例：

const receivedArticleName = encodeURIComponent('Article Name with %');

由于您正在使用API，因此一旦收到它，请使用该receivedArticleName设置URL变量，然后就完成了。

这对我很管用。

function navigate(data: Partial<Saturation>) {
    if (data.name) {
      const checkSyrupForPercentChar = data.name.includes('%')
      const syrupReplacementName = data.name.replace('%', '')

      history.push({
        pathname: `saturation-directory/${data.id}/${urlFormat(
          checkSyrupForPercentChar ? syrupReplacementName : data.name
        )}`,
        state: {
          syrupData: data,
          from: 'syrupDirectory'
        }
      })
    }
  }

重构前的代码：

function navigate(data: Partial<Saturation>) {
if (data.name) {
  history.push({
    pathname: `saturation-directory/${data.id}/${urlFormat(data.name)}`,
    state: {
      syrupData: data,
      from: 'syrupDirectory'
    }
  })
}

}
重点是我合并的字符串函数也是路径名上的三元运算符。

因为我使用SSR

try {
    decodeURIComponent(req.path)
  } catch (error) {
    res.redirect(encodeURIComponent(req.path))
    return
  }

解决了这个问题