Routing errors and the use of Manganis if the site is located in a subdirectory of the domain, as on GitHub Pages.

Problem

At the moment, routing faces significant issues when the site is located in a subdirectory, as on GitHub Pages. For example, consider the site at https://dioxusgrow.github.io/crabsburger/.

Steps To Reproduce

Steps to reproduce the behavior:

Cargo.toml

[dependencies]
chrono = "0.4.31"
dioxus = { git = "https://github.com/DioxusLabs/dioxus", features = ["web", "router"] }
manganis = "0.2.1"
wasm-bindgen = "0.2.89"

The Dioxus.toml file needs to specify the following settings:

[web.app]
base_path = "crabsburger"
# uncomment the line below if using Router
index_on_404 = true
# include `assets` in the web platform
[web.resource]
# CSS style file
style = ["/crabsburger/tailwind.css"]

The Route is used with the following settings:

#[derive(Routable, Clone, Debug, PartialEq)]
#[rustfmt::skip]
pub enum Route {        
    #[layout(NavBar)]        
        #[route("/")]
        Home {},
    #[end_layout]
    #[route("/:..route")]
    PageNotFound {
        route: Vec<String>,
    },
}

When navigating to https://dioxusgrow.github.io/crabsburger/, it will redirect to https://dioxusgrow.github.io/. To ensure the CSS files work correctly, you must specify in the Dioxus.toml file:

[web.resource]
# CSS style file
style = ["/crabsburger/tailwind.css"]

Additionally, each image must include the subfolder name of the site for proper display, like so:

src: "crabsburger/images/home-image.png",

Expected behavior

However, if you reload the main domain https://dioxusgrow.github.io/, the route will no longer work, resulting in a 404 error from GitHub itself. Manganis cannot handle subdirectories at all, making it impossible to use if the site is located in a subdirectory of the main domain.

Therefore, if test sites are located in GitHub’s subdirectories, you should either create single-page applications without routing or use other platforms, such as Netlify, which uses subdomains for test deployments, or connect existing root domain addresses.

Screenshots

If applicable, add screenshots to help explain your problem.

Environment:

dx version: [0.5.0-alpha.0]
- Dioxus version: [git = "https://github.com/DioxusLabs/dioxus", features = ["web", "router"] ]
- Manganis: ["0.2.1"]
- Rust version: [rustc 1.76.0 (07dca489a 2024-02-04)]
- OS info: [Win11]
- App platform: [web]

DioxusLabs / dioxus

Routing errors and the use of Manganis if the site is located in a subdirectory of the domain, as on GitHub Pages. #2093