feat: Front-end and back-end integration

Author: fit2cloud-chenyw

backend/common/utils/whitelist.py

@@ -3,6 +3,7 @@
 from typing import List, Pattern
 from common.core.config import settings
 wlist = [
+    "/",
     "/docs",
     "/login/*",
     "*.json",

backend/main.py

@@ -1,14 +1,16 @@
+from fastapi.responses import FileResponse
 from fastapi.staticfiles import StaticFiles
 import sentry_sdk
-from fastapi import FastAPI
+from fastapi import FastAPI, Path
 from fastapi.routing import APIRoute
 from starlette.middleware.cors import CORSMiddleware
 from apps.api import api_router
 from apps.system.middleware.auth import TokenMiddleware
 from common.core.config import settings
 
 def custom_generate_unique_id(route: APIRoute) -> str:
-    return f"{route.tags[0]}-{route.name}"
+    tag = route.tags[0] if route.tags and len(route.tags) > 0 else ""
+    return f"{tag}-{route.name}"
 
 
 if settings.SENTRY_DSN and settings.ENVIRONMENT != "local":
@@ -32,7 +34,11 @@ def custom_generate_unique_id(route: APIRoute) -> str:
 
 app.add_middleware(TokenMiddleware)
 app.include_router(api_router, prefix=settings.API_V1_STR)
-app.mount("/", StaticFiles(directory='../frontend/dist'), name="static")
+app.mount("/static", StaticFiles(directory='../frontend/dist'), name="static")
+
+@app.get("/", include_in_schema=False)
+async def read_index():
+    return FileResponse(path="../frontend/dist/index.html")
 if __name__ == "__main__":
     import uvicorn
     uvicorn.run("main:app", host="0.0.0.0", port=8000, reload=True)

frontend/src/router/index.ts

@@ -1,4 +1,4 @@
-import { createRouter, createWebHistory } from 'vue-router'
+import { createRouter, createWebHashHistory } from 'vue-router'
 
 import Layout from '@/components/layout/index.vue'
 import login from '@/views/login/index.vue'
@@ -8,7 +8,7 @@ import dashboard from '@/views/dashboard/index.vue'
 import setting from '@/views/setting/index.vue'
 import { watchRouter } from './watch'
 const router = createRouter({
-  history: createWebHistory(),
+  history: createWebHashHistory(),
   routes: [
     {
       path: '/login',