我的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');
})
你可以添加一个 redirect
在您点击时的处理程序 book button
redirect = () => {
window.location.href = 'http://localhost:5000/book';
return null;
}