页面显示响应而不是内容

时间:2019-04-22 14:17:34

标签: javascript reactjs express

我正在开发一个网页,其中将express用于后端,将reactjs用于前端。所有不同的视图都能正确响应其路线。但是,当我创建一个Webpack并在Express上运行该应用程序时,有一种方法可以显示我得到的响应,而不是网页内容。

这就是我在响应中声明路线的方式。

 <Router>
            <Route exact path="/" component={LoginPage} />
            <Route path="/menu/:accessToken" component={MainPage} /> 
</Router>

这是express主页中的get方法

router.get('/menu/:accessToken', function (req, res, next) {
    res.send("OK");
});

1 个答案:

答案 0 :(得分:0)

除了发送字符串作为响应之外,您需要为所有网址发送html即react app的index.html文件,这将根据您的路由来解析路由。

router.get('/*', function (req, res, next) {
    res.send(indexHtmlFile); // set proper content-type etc. This is not exact code to copy paste
});