wibu/dashboard-desaplus-noc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: resolve manifest.json 404 on nested routes by adding base tag and improving server fallback

Browse Source
This commit is contained in:
bipproduction
2026-02-09 12:32:28 +08:00
parent df707fe29b
commit c4de7e4e62
2 changed files with 22 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/index.html
View File

@@ -3,6 +3,7 @@
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<base href="/" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/svg+xml" href="./logo.svg" /> <link rel="icon" type="image/svg+xml" href="./logo.svg" />
<link rel="manifest" href="./manifest.json" /> <link rel="manifest" href="./manifest.json" />

31
src/index.ts
View File

@@ -15,12 +15,13 @@ if (!isProduction) {
const { createVite } = await import("./vite"); const { createVite } = await import("./vite");
const vite = await createVite(); const vite = await createVite();
// Serve PWA/TWA assets in dev // Serve PWA/TWA assets in dev (root and nested path support)
app.get("/manifest.json", () => Bun.file("src/manifest.json")); const servePwaAsset = (srcPath: string) => () => Bun.file(srcPath);
app.get("/sw.js", () => Bun.file("src/sw.js")); app.get("/manifest.json", servePwaAsset("src/manifest.json"));
app.get("/.well-known/assetlinks.json", () => app.get("**/manifest.json", servePwaAsset("src/manifest.json"));
Bun.file("src/.well-known/assetlinks.json"), app.get("/sw.js", servePwaAsset("src/sw.js"));
); app.get("**/sw.js", servePwaAsset("src/sw.js"));
app.get("/.well-known/assetlinks.json", servePwaAsset("src/.well-known/assetlinks.json"));
app.post("/__open-in-editor", ({ body }) => { app.post("/__open-in-editor", ({ body }) => {
const { relativePath, lineNumber, columnNumber } = body as { const { relativePath, lineNumber, columnNumber } = body as {
@@ -156,13 +157,23 @@ if (!isProduction) {
} }
} }
// 2. If not found and looks like an asset (has extension), try root of dist // 2. If not found and looks like an asset (has extension), try root of dist or src
if (!fs.existsSync(filePath) || !fs.statSync(filePath).isFile()) { if (!fs.existsSync(filePath) || !fs.statSync(filePath).isFile()) {
if (pathname.includes(".") && !pathname.endsWith("/")) { if (pathname.includes(".") && !pathname.endsWith("/")) {
const filename = path.basename(pathname); const filename = path.basename(pathname);
const fallbackPath = path.join("dist", filename);
if (fs.existsSync(fallbackPath) && fs.statSync(fallbackPath).isFile()) { // Try root of dist
filePath = fallbackPath; const fallbackDistPath = path.join("dist", filename);
if (fs.existsSync(fallbackDistPath) && fs.statSync(fallbackDistPath).isFile()) {
filePath = fallbackDistPath;
}
// Special handling for PWA files in src
else if (filename === "manifest.json" || filename === "sw.js" || pathname.includes("assetlinks.json")) {
const srcFilename = pathname.includes("assetlinks.json") ? ".well-known/assetlinks.json" : filename;
const fallbackSrcPath = path.join("src", srcFilename);
if (fs.existsSync(fallbackSrcPath) && fs.statSync(fallbackSrcPath).isFile()) {
filePath = fallbackSrcPath;
}
} }
} }
} }