Use /ruxr for webpage root path.

ChenPi11 · ChenPi11 · commit 41ecff7c8377 · 2025-07-24T19:52:02.000+08:00
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -34,14 +34,14 @@ jobs:
         run: |
           npm ci
 
-      - name: Build with Vue
+      - name: 🛠️ Build with Vue
         run: |
           npm run build
 
-      - name: Upload artifact
+      - name: ⬆️ Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:
-          path: dist
+          path: dist/ruxr
 
   deploy:
     environment:
diff --git a/package.json b/package.json
@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
+    "build": "vue-cli-service build --dest=./dist/ruxr",
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
diff --git a/public/index.html b/public/index.html
@@ -2,6 +2,7 @@
 <html lang="">
   <head>
     <meta charset="utf-8">
+    <meta base="/ruxr/"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
diff --git a/src/lib/extension.ts b/src/lib/extension.ts
@@ -105,11 +105,11 @@ export class FullExtensionInfo {
     }
 
     getReadmeUrl(): string {
-        return `/pool/${this.id}/README.md`;
+        return `/ruxr/pool/${this.id}/README.md`;
     }
 
     getLicenseUrl(): string {
-        return `/pool/${this.id}/LICENSE`;
+        return `/ruxr/pool/${this.id}/LICENSE`;
     }
 }
 
diff --git a/src/lib/fetch.ts b/src/lib/fetch.ts
@@ -1,7 +1,7 @@
 import { ExtensionCard, FullExtensionInfo } from './extension';
 
-const EXTENSIONS_LIST_URL = '/pool/Release.json'
-const EXTENSIONS_INFO_URL = '/pool/{id}/rubisco.json'
+const EXTENSIONS_LIST_URL = '/ruxr/pool/Release.json'
+const EXTENSIONS_INFO_URL = '/ruxr/pool/{id}/rubisco.json'
 
 export async function fetchExtensions(): Promise<ExtensionCard[]> {
     const response = await fetch(EXTENSIONS_LIST_URL);
diff --git a/src/router/index.ts b/src/router/index.ts
@@ -34,7 +34,9 @@ const routes = [
 ];
 
 const router = createRouter({
-    history: createWebHashHistory(),
+    history: createWebHashHistory(
+        process.env.NODE_ENV === "production" ? "/ruxr" : process.env.BASE_URL
+    ),
     routes
 });
 
diff --git a/src/views/CodeOfConduct.vue b/src/views/CodeOfConduct.vue
@@ -1,5 +1,5 @@
 <template>
-    <MarkdownViewer :url="'/CODE_OF_CONDUCT.md'" />
+    <MarkdownViewer :url="'/ruxr/CODE_OF_CONDUCT.md'" />
 </template>
 
 <script lang="ts">
diff --git a/vue.config.js b/vue.config.js
@@ -0,0 +1,4 @@
+module.exports = {
+  transpileDependencies: true,
+  publicPath: './',
+};
diff --git a/vue.config.ts b/vue.config.ts

Original file line number	Diff line number	Diff line change
`@@ -105,11 +105,11 @@ export class FullExtensionInfo {`
`105`	`105`	`}`
`106`	`106`
`107`	`107`	`getReadmeUrl(): string {`
`108`		- return `/pool/${this.id}/README.md`;
	`108`	+ return `/ruxr/pool/${this.id}/README.md`;
`109`	`109`	`}`
`110`	`110`
`111`	`111`	`getLicenseUrl(): string {`
`112`		- return `/pool/${this.id}/LICENSE`;
	`112`	+ return `/ruxr/pool/${this.id}/LICENSE`;
`113`	`113`	`}`
`114`	`114`	`}`
`115`	`115`