从一个react应用中获取服务器端渲染的HTML生成的车把式的路由。

问题描述 投票:1回答:1

我的react应用运行在localhost:3000,Node服务器运行在localhost:5000。

我有一个名为 书籍 在我的React应用中,在路由localhost:3000的地方使用了一个按钮,当点击按钮时,我想渲染一个路由localhost:5000book的页面(由handlebars模板引擎生成)。当按钮被点击时,我想渲染一个路由localhost:5000book的页面(由handlebars模板引擎生成)。

其实我现在很困惑。我知道localhost:5000book会渲染这个页面。但是当我在localhost:3000处的react代码中点击book按钮时,如何渲染该页面。

我知道,我不能href到localhost:3000book,因为它是react的url,而不是服务器的url.因此,我试着通过axios以请求的方式获取该页面。但它不工作。我知道我做错了)。

重点是我应该如何路由到localhost:5000book,并在我点击书本按钮时通过我的react应用得到渲染?

我的 节点 编码

app.engine('handlebars', exphbs());
app.set('view engine', 'handlebars');

// Routes
app.get('/book', (req, res) => {
    res.render('book');
})

node.js reactjs handlebars.js
1个回答
0
投票

你可以添加一个 redirect 在您点击时的处理程序 book button

redirect = () => {
  window.location.href = 'http://localhost:5000/book';
  return null;
}
© www.soinside.com 2019 - 2024. All rights reserved.