React单页面应用本地开发环境下刷新会停留在当页,部署在服务器上刷新404

#1

有个react写的SPA,npm start运行项目的时候起的本地服务器,进入项目,再点击进入详情页,通过路由切换,访问的是这个页面,http://192.168.0.110:3002/det…刷新后还是这个页面。

但是我一打包后,放到服务器根目录下,进入项目,进入详情页,都没问题,但是刷新后显示404。

就是因为打包后根目录就一个index.html文件,找不到那个detail文件了。我现在想实现服务器上刷新页面还是停留在当页,有办法解决吗?难道单页面应用不能刷新??

#2

https://github.com/aiyuekuang/react_home.git这里有写怎么部署得

#3

服务端容器需要配置fallback

至于文档,vue-router有一段写的蛮清楚的,效果是一样的:https://router.vuejs.org/zh-cn/essentials/history-mode.html#后端配置例子

#4

Nginx配置ReactJs项目,Url后面直接输入路由路径时老报404问题。
希望这个能帮到你。

#5

谢谢了大神。已经解决了,就是用的这个的方法,配置了nginx服务器

#6

你是怎么解决的啊

#7

修改的nginx配置,访问哪个路由都给重定向到index,也就是入口文件

#8

修改了Tornado的代码 增加一个redirect解决了