服务器(带数据)重定向后的React句柄表单提交?

问题描述 投票:0回答:2

React前端提交一个表单(POST),发送到后端。然后这个服务器用一个包含html的js对象响应(我以为它应该重定向)?

我该如何将用户重定向到收到的页面?

例如,如果我curl -X POST api.example.com api,它返回纯html像这样:

<html> ... </html>

使用邮递员时,它会自动呈现此html。我怎么在React中处理这个问题?

javascript node.js reactjs express frontend
2个回答
0
投票

如果您使用NodeJS + express

例:

http.get('*',function(req,res){  
    res.redirect('/'+req.url);
})

https://expressjs.com/en/api.html


0
投票

您可以使用react-router重定向到特定页面。

Step 1: Wrap your <App /> inside <BrowserRouter />

转到调用服务的组件,然后在收到服务响应后重定向用户。

this.route.navigate(['/']);

正如您所说,您接收HTML以响应REST服务调用。如果要在页面上呈现此内容。

let content = null;

content = response.data; // assign data to variable

现在在组件中显示如下:

class Content extends Component {
  render () {
    return (
     {this.content}
     ); 
    }
 }
© www.soinside.com 2019 - 2024. All rights reserved.