vue3编译打包，发布到fastapi静态目录下，显示空白页 作者：马育民 • 2026-05-24 14:38 • 阅读：10001 # 前端 ### vite.config.ts（建议修改） 下面配置建议修改，改为相对路径： ``` export default defineConfig({ base: './', // ✅ 建议加上！！！ build: { outDir: 'dist' }, ``` # fastapi ### 挂载静态目录顺序 挂载静态目录，必须 **放在 所有路由的 下面**，否则所有api全失效 ``` from fastapi.staticfiles import StaticFiles ``` ``` # 挂载静态目录 app.mount("/", StaticFiles(directory="static", html=True), name="static") ``` ### 不能有下面代码 指定 `/` 路由，与上面静态网页根目录冲突 ``` @app.get("/") async def root(): return {"message": "文件管理智能体 API", "version": settings.VERSION} ``` ### 不能有下面代码 有下面代码，导致访问 `.js`、`.css` 文件，显示空白 ``` @app.get("/{path:path}") async def spa_route(path: str): return FileResponse("static/index.html") ``` 原文出处：http://malaoshi.top/show_1GW3MxzA5pmi.html