fix: get assets with using another paths in url

digitable-lol · Aug 20, 2024 · 1f71da4 · 1f71da4
1 parent 6dc407e
commit 1f71da4
Show file tree

Hide file tree

Showing 10 changed files with 27 additions and 14 deletions.
diff --git a/application/frontend/.env.example b/application/frontend/.env.example
@@ -0,0 +1 @@
+VITE_BASE_URL='https://example.com/path'
diff --git a/application/frontend/.gitignore b/application/frontend/.gitignore
@@ -1,2 +1,3 @@
 dist
 node_modules
+.env
diff --git a/application/frontend/index.html b/application/frontend/index.html
@@ -5,9 +5,6 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite + React + TS</title>
-    <script>
-      document.write('<base href="' + window.location.pathname + '" />');
-    </script>
   </head>
   <body>
     <div id="root"></div>

diff --git a/application/frontend/package-lock.json b/application/frontend/package-lock.json
diff --git a/application/frontend/package.json b/application/frontend/package.json
@@ -39,12 +39,13 @@
     "vite-tsconfig-paths": "^5.0.1"
   },
   "devDependencies": {
+    "@eslint/js": "^9.8.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@vitejs/plugin-react": "^4.3.1",
-    "@eslint/js": "^9.8.0",
+    "@types/node": "^22.4.1",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.1",
     "@vitejs/plugin-react-swc": "^3.5.0",
     "eslint": "^9.8.0",
     "eslint-plugin-react-hooks": "^5.1.0-rc.0",

diff --git a/application/frontend/vite.config.ts b/application/frontend/vite.config.ts
@@ -3,7 +3,7 @@ import tsconfigPaths from "vite-tsconfig-paths"
 
 import react from "@vitejs/plugin-react-swc"
 
-// https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react(), tsconfigPaths()],
-})
+  base: process.env.VITE_BASE_URL || '/'
+});
diff --git a/demo/assets/index-DZdjjMwg.js → demo/assets/index-Bc41vKJH.js b/demo/assets/index-DZdjjMwg.js → demo/assets/index-Bc41vKJH.js
diff --git a/demo/assets/index-ChFl1CfJ.css b/demo/assets/index-ChFl1CfJ.css
diff --git a/demo/assets/index-Cs25ijQy.css b/demo/assets/index-Cs25ijQy.css
diff --git a/demo/index.html b/demo/index.html
@@ -2,14 +2,11 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="https://digitable-lol.github.io/light-traffic/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite + React + TS</title>
-    <script>
-      document.write('<base href="' + window.location.pathname + '" />');
-    </script>
-    <script type="module" crossorigin src="/assets/index-DZdjjMwg.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-Cs25ijQy.css">
+    <script type="module" crossorigin src="https://digitable-lol.github.io/light-traffic/assets/index-Bc41vKJH.js"></script>
+    <link rel="stylesheet" crossorigin href="https://digitable-lol.github.io/light-traffic/assets/index-ChFl1CfJ.css">
   </head>
   <body>
     <div id="root"></div>