由服务器重定向后处理句柄表单提交(带有data)?

时间:2018-09-06 08:42:49

标签: javascript node.js reactjs express frontend

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

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

例如,如果我curl -X POST api.example.com的api,它将返回纯HTML,如下所示:

<html> ... </html>

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

2 个答案:

答案 0 :(得分:0)

如果您使用NodeJS + express

示例:

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

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

答案 1 :(得分: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}
     ); 
    }
 }