How to build hash routing in remix?

[InfernalAzazel]

remix template uses spa

server:

import os.path

from fastapi import FastAPI
from fastapi.staticfiles import StaticFiles

app = FastAPI()


app.mount("/", StaticFiles(directory='static', html=True), name="static")

[InfernalAzazel]

Thanks for the official example

app.use("/assets", express.static("build/client/assets"));
app.get("*", (req, res, next) =>
  res.sendFile(
    path.join(process.cwd(), "build/client/index.html"),
    next
  )
);

Modify the fastapi code after reference to solve the problem

from fastapi import FastAPI
from fastapi.staticfiles import StaticFiles
from fastapi.responses import FileResponse
from pathlib import Path
from fastapi.responses import HTMLResponse

STATIC_DIR = Path(__file__).parent / "static"
ASSETS_DIR = STATIC_DIR / "assets"
INDEX_FILE = STATIC_DIR / "index.html"
app = FastAPI()

# 提供静态资源，映射到 /assets
app.mount("/assets",StaticFiles(directory=ASSETS_DIR), name="assets")

@app.get("/{_:path}", response_class=HTMLResponse)
async def serve_spa():
    """
    捕获所有路由并返回 index.html
    """
    return FileResponse(INDEX_FILE)

[InfernalAzazel]

I want to support hash routing because for polluting fastapi api routing

[InfernalAzazel]

Fastapi mount remix spa final solution

static.py

from fastapi.responses import FileResponse

from app.settings import settings

router = APIRouter()


@router.get('/{path:path}', include_in_schema=False)
async def frontend_handler(path: str):
    fp = settings.STATIC_DIR / path
    if not fp.exists() or not fp.is_file():
        fp = settings.STATIC_DIR / "index.html"
    return FileResponse(fp)

app.py

# api interface start
app.include_router(system.router)
# Write multiple api interfaces here
#api interface end

# Note, very important, that this is done after all routes have been added!
app.include_router(static.router)