我正在创建一个密码重置组件,用户将在其中输入其电子邮件地址,如果该电子邮件存在,则会将重置电子邮件发送给该用户。重设的电子邮件包含URL,例如website.reset/{userId}/{token}
。
我不想将用户ID或令牌从后端发送到前端,以避免网络钓鱼。我需要的是用户单击链接并被路由到有效的URL。我想从URL中提取用户ID和令牌,然后将其插入“路线”页面
我希望我的路线从URL中读取信息并呈现为有效页面:
<Router primary={false}>
<UpdatePassword path="/password-confirm/:uid/:token" />
</Router>
我在想我需要向我的
UpdatePassword
组件添加一个生命周期函数,当用户登陆website.password-confirm / 1234 / abc时,该组件将从URL中的GET
参数添加。但是,我无法使它正常工作。我的应用程序是否可以读取URL中的信息,还是需要事先获得该信息?
最佳答案
您可以使用上面的代码行来获取参数值。
const { uid, token } = this.props.match.params
关于javascript - 如何从URL获取参数,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/58189509/