Node.js 从react应用程序路由以获取从Handlebar生成的服务器端呈现的HTML
我的react应用程序在localhost:3000上运行,我的节点服务器在localhost:5000上运行 我在React应用程序中的路由localhost:3000/上有一个名为Book的按钮。单击按钮时,我希望呈现route localhost:5000/book呈现的页面(由Handlebar模板引擎生成) 其实我现在很困惑。我知道localhost:5000/book将呈现该页面。但是,当在localhost:3000/上单击react代码中的book按钮时,如何呈现该页面 我知道,我不能href到localhost:3000/book,因为它将是react的url而不是服务器的url。 因此,我试图通过axios以请求的形式获取页面。但它不起作用。(我知道我做得不对) 关键是我应该如何路由到localhost:5000/book,并在单击book按钮时通过我的react应用程序进行渲染 我的节点代码Node.js 从react应用程序路由以获取从Handlebar生成的服务器端呈现的HTML,node.js,reactjs,handlebars.js,Node.js,Reactjs,Handlebars.js,我的react应用程序在localhost:3000上运行,我的节点服务器在localhost:5000上运行 我在React应用程序中的路由localhost:3000/上有一个名为Book的按钮。单击按钮时,我希望呈现route localhost:5000/book呈现的页面(由Handlebar模板引擎生成) 其实我现在很困惑。我知道localhost:5000/book将呈现该页面。但是,当在localhost:3000/上单击react代码中的book按钮时,如何呈现该页面 我知道,
app.engine('handlebars', exphbs());
app.set('view engine', 'handlebars');
// Routes
app.get('/book', (req, res) => {
res.render('book');
})
单击
book按钮
redirect = () => {
window.location.href = 'http://localhost:5000/book';
return null;
}
单击
book按钮
redirect = () => {
window.location.href = 'http://localhost:5000/book';
return null;
}
谢谢你的回答。但我认为像这样切换URL是不好的做法。所以我决定不包括服务器端模板引擎。但是我会选择100%反应码。谢谢你的回答。但我认为像这样切换URL是不好的做法。所以我决定不包括服务器端模板引擎。但我会选择100%反应代码。