游客

标题:依靠nginx配置解决 react-router浏览器刷新页面404的问题
正文:
项目使用react-router，做成single page application，入口地址/home/hard/Project/game/web-client/build/html/index.html，通过域名domain.com就能访问到这个入口。问题是，使用了路由之后，假如uri为domain.com/games.html，通过可以通过浏览器api跳转页面，可一旦刷新页面，就会报404。 我希望的是路由到某个uri之后，即使刷新页面，或直接在浏览器中输入这个uri，一样可以直接路由到games.html的页面。解决在论坛上提了问，几天了没人响应，也查不到相关的资料，所以说其实查不到的，也问不明白，还得靠自己探索。使用node的服务器http-server我一开始没多想，以为是nginx的问题，也许node的服务器天然支持这一点。换了，问题没有解决。开始的nginx配置server{
listen 80;
server_name www.domain.com domain.com;
location ~* \.js$ {
root /home/hard/Project/game/web-client/build/js;
}
location / {
root /home/hard/Project/game/web-client/build/html/;
}
}这个导致404是很明显的，如果uri是domain.com/games.html，那么nginx会试图在/home/hard/Project/game/web-client/build/html/目录下找games.html,404是肯定的。nginx rewrite解决新的配置server{
listen 80;
server_name www.domain.com domain.com;
location ~* \.js$ {
root /home/hard/Project/game/web-client/build/js;
}
loca
[<<][[1]][2][>>]

查看评论(0)
发表评论



首页