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

本文介绍了如何在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成功")
})


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值