如何解决React.js 构建环境不显示除根路径之外的其他路径
从构建版本运行时,我无法访问我在应用程序中设置的路由。我可以在开发环境中访问它们,但当我的 React 应用程序在与服务器不同的端口上运行时。
我已将以下内容包含在我的快速服务器中,以便它为 React 应用程序提供服务,并且仅显示根页面。
app.use(express.static(path.join(__dirname,'build')))
app.get('/',function (req,res) {
res.sendFile(path.join(__dirname,'build','index.html'))
})
解决方法
React Router 在浏览器中执行所有路由,因此您需要确保将 index.html
文件发送给您的用户以获取每条路由。
这应该就是你所需要的:
app.use('/static',express.static(path.join(__dirname,'../client/build//static')));
app.get('*',function(req,res) {
res.sendFile('index.html',{root: path.join(__dirname,'../../client/build/')});
});
,
我找到了问题的解决方案。
我在我的代码中使用了 HTML 锚标记而不是 react-router 的 Link 属性。 相应地替换了它们,我的应用程序运行正常。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。