正在设置忘记的密码重置链接(MERN堆栈)



我正在做一个项目,在那里我实现了一个用于登录和注册用户的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}
/>

最新更新