React路由器:无法将电子邮件地址作为参数进行GET

React Router : Cannot GET with email address as params

本文关键字:参数 GET 电子邮件地址 路由器 React      更新时间:2023-09-26

我有一个这样的路由器设置。

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

但是当我访问页面时,它会返回一个错误,并且没有正确加载组件。

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

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

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

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

历史ApiFallback:{disableDotRule:true}

基于这个答案:https://stackoverflow.com/a/52476492/836008

张贴在这里,以防有人降落在这里