设置忘记密码重置链接MERN 堆栈

编程问答 2022-08-26

问题描述

我正在处理一个项目，在该项目中我实现了一个用于登录和注册用户的 API。一切都对我有用......除了一件事：忘记密码功能。在这种情况下，当我单击发送到我的电子邮件地址的链接时，我会看到一个空白屏幕和一个关于 mime 类型的控制台错误。错误是：拒绝应用来自 'http://localhost:3000/passwordreset/index.css' 的样式，因为其 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查。

我应该得到的是一个带有用户名、密码和确认密码字段的 React 组件。但是当我点击电子邮件中的链接时它不会显示。

更糟糕的是……现在错误本身消失了（不确定我做了什么），并且组件 (PasswordReset.jsx) 仍然无法呈现。

我已经验证并重新验证了路线、查询参数等......有什么想法吗？

解决方法

没关系！我错误地有一个带有查询参数的路由，但缺少一个“/”字符。所以，我有：

 <Route
     exact
     path="/passwordreset:resetToken"
     component={PasswordResetScreen}
 />

代替：

 <Route
     exact
     path="/passwordreset/:resetToken"
     component={PasswordResetScreen}
 />
authenticationmernreactjsreactjsreactjsreactjsroutesroutes