解决react-router browserrouter刷新后404 或者js文件报错的问题

最新推荐文章于 2025-07-19 01:45:00 发布

原创最新推荐文章于 2025-07-19 01:45:00 发布 · 5.2k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了如何在Node.js应用程序中正确配置静态文件服务及端口设置，通过使用Express框架来处理不同路由请求并发送正确的文件响应。文章还讨论了在特定端口下如何解决路径问题。

1：引用了官方的node的方法，在serverjs里面添加get *这个命令，确实可以，但要转到9093端口，8080不行，同时修改了绝对路径，8080端口找不到js文件，但是9093端口可以；<script type="text/javascript" src="/bundle.js"></script>；反正这样也能用，。

2：app.use(express.static(__dirname + '/build'))
// 在你应用 JavaScript 文件中包含了一个 script 标签
// 的 index.html 中处理任何一个 route
app.get('*', function (request, response){
response.sendFile(path.resolve(__dirname, 'build', 'index.html'))
})
//app.listen(port)
//console.log("server started on port " + port)
app.use(function(req,res,next){
if(req.url.startsWith('/user/')||req.url.startsWith('/')||req.url.startsWith('/data/')){
return next //我们是没有user，没有statec路径的
}else{
console.log('path',path.resolve('../build/'))
return res.sendFile(path.resolve('../build/'))//修正路径的问题
}
})
app.use('/',express.static(path.resolve('../build')))
server.listen(9093,(req,res)=>{
console.log("连接9093成功")
})