AOSSIE-Org / AOSSIE-Org/OrgExplorer
[BUG]: Refreshing on any non-root route (e.g. /settings) returns GitHub Pages 404
- 主要言語
- JavaScript
- スター
- 34
- フォーク
- 92
- 平均マージ
- 8日 7時間
- マージ済み PR(30日)
- 12
説明
### Bug Description
Navigating to any page other than the home page (e.g. Settings) works fine
when reached by clicking links inside the app. However, refreshing the
browser while on that route, or opening that URL directly/in a new tab,
returns GitHub Pages' native 404 page instead of loading the app -and it
does not redirect back to the home page either.
This is likely because the app uses client-side routing (react-router-dom),
but GitHub Pages has no rewrite rule to fall back to index.html for unknown
paths, so direct requests to non-root routes 404 at the hosting level before
React Router ever gets a chance to handle them.
### Steps to Reproduce
1. Go to https://orgexplorer.aossie.org/
2. Click through to the Settings page (or any non-home page)
3. Refresh the browser (F5), or copy the current URL and open it in a new tab
4. Observe GitHub Pages' 404 "File not found" page instead of the app
### Logs and Screenshots
### Environment Details
- OS: Windows 11
- Browser: Chrome 120
- Node.js: v24.13.0
### Impact
Medium - Feature works but has issues
### Code of Conduct
- [x] I have joined the [Discord server](https://discord.gg/hjUhu33uAn) and will post updates there
- [x] I have searched existing issues to avoid duplicates
コントリビューションガイド
調査の方向性
Inspect the deployment configuration and the react-router-dom route entry points; first reproduce the problem by refreshing /settings on the deployed GitHub Pages site. Done means direct visits and browser refreshes on /settings and other non-root routes load the app instead of GitHub Pages' 404 page.
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- github, javascript, react
- 領域
- devops, frontend
- issue の種類
- バグ
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 活発さ
- 静か
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 64/100