React Router:无法使用电子邮件地址作为参数进行 GET

React Router : Cannot GET with email address as params

我有这样的路由器设置。

<Route path="/" component={Layout}>
    <Route path="emailactivation/code/:email" component={EmailActivationCode} />

但是当我访问页面时 returns 出现错误并且没有正确加载组件。

Cannot GET /emailactivation/code/test@email.com

我正在为本地服务器使用 webpack-dev-server。 如何将电子邮件地址作为页面的参数?

显然是因为您提供的路径中的点 (email.com)。尝试以编程方式更改它(例如,在提供 link 之前将点替换为 %dot%,然后在您的组件中还原它)。

我今天刚遇到这个问题,我不得不将我的 webpack 配置更新为

historyApiFallback: { disableDotRule: true }

基于这个答案:

张贴在这里以防有人登陆这里