如何解决身份验证后如何从后端重定向到前端
我的后端(nodejs)在另一个端口上运行,而我的前端(React)在另一个端口上运行...因此,在将凭据发送到后端和身份验证之后...如何重定向到前端?
解决方法
res.writeHead(302,{
Location: 'http://front-end.com:8888/some/path'
});
res.end();
如果指定完整的URL,则可以使用NodeJS重定向到另一个端口。
,您可以在nodejs中使用Web API(Express JS)来构建Web api,并在前端将所有HTTP请求发送到后端的plainJS或modren库进行前端处理。会有所帮助。
,在您的情况下,最好通过Ajax进行身份验证请求,这样,如果您正在使用它,则可以返回某种jwt令牌,或者在成功登录后在前端触发与会话相关的任何其他操作。
,在前端,单击login
按钮,您可以创建一个名为login()
的函数,如下所示,并根据从后端收到的响应进行重定向
App.tsx
login() {
const requestOptions = {
method: 'POST',headers: { 'Content-Type': 'application/json' },body: JSON.stringify({ username: 'test',password: 'password' })
};
fetch('http://localhost:5000',requestOptions)
.then(response => response.json())
.then(data => history.push('/someRoute'))
.catch(err => history.push('/login'));
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。