在浏览器路径名中转义 ../答案

【问题标题】：Escaping ../ in browser pathname在浏览器路径名中转义 ../
【发布时间】：2020-06-20 15:37:57
【问题描述】：

我目前正在做一些反应项目，搜索查询表示为 /search/:query。
当查询是 "something" 时它工作正常，但我搜索 "something/../../else" em> 它将 url 更改为 "/else"。
路由不会改变，但 url 会。
我使用 react-router-dom 并且路径名在搜索输入提交时更新。

this.props.history.push('/search/' + searchValue);

我怎样才能逃避 searchValue 所以提交后它不会弄乱 url

【问题讨论】：

标签： javascript reactjs react-router react-router-dom pathname

【解决方案1】：

尝试像这样转义搜索值：encodeURIComponent() 文档：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent

【讨论】：

这是在内的主 App.js 文件中。它不会弄乱路线和组件。它只是在浏览器中弄乱了 url 路径名