fix: modify project base path and route path

src/dist/router.dev.js

@@ -160,7 +160,7 @@ _letterToHighSchoolStudents["default"].map(function (letter) {
 });
 
 var router = (0, _vueRouter.createRouter)({
-  history: (0, _vueRouter.createWebHistory)(),
+  history: (0, _vueRouter.createWebHistory)('/BikeFestival17th-Frontend/'),
   routes: routes
 });
 var _default = router;

src/router.js

@@ -75,7 +75,7 @@ letterToHighSchoolStudentsData.map((letter) => {
 });
 
 const router = createRouter({
-  history: createWebHistory(),
+  history: createWebHistory('/BikeFestival17th-Frontend/'),
   routes,
 });
 

src/style.css

@@ -7,7 +7,7 @@
         font-family: "Noto Sans TC", sans-serif;
     }
     body {
-        background-image: url(../public/bg_noise_texture.svg);
+        background-image: url(/public/bg_noise_texture.svg);
         background-color: #FFF8F2;
     }
 }

src/views/About.vue

@@ -1,4 +1,7 @@
 <template>
   <h1 class="text-3xl font-bold">關於單車節</h1>
+  <h1 class="text-3xl font-bold">關於單車節</h1>
+  <h1 class="text-3xl font-bold">關於單車節</h1>
+  <h1 class="text-3xl font-bold">關於單車節</h1>
 </template>
 

src/views/Info.vue

@@ -1,5 +1,8 @@
 <template>
   <h1 class="text-3xl font-bold">參加資訊</h1>
+  <h1 class="text-3xl font-bold">參加資訊</h1>
+  <h1 class="text-3xl font-bold">參加資訊</h1>
+  <h1 class="text-3xl font-bold">參加資訊</h1>
 </template>
 
 

src/views/Partners.vue

@@ -1,4 +1,7 @@
 <template>
   <h1 class="text-3xl font-bold">合作夥伴</h1>
+  <h1 class="text-3xl font-bold">合作夥伴</h1>
+  <h1 class="text-3xl font-bold">合作夥伴</h1>
+  <h1 class="text-3xl font-bold">合作夥伴</h1>
 </template>
 

src/views/Souvenir.vue

@@ -1,4 +1,7 @@
 <template>
   <h1 class="text-3xl font-bold">紀念品預購</h1>
+  <h1 class="text-3xl font-bold">紀念品預購</h1>
+  <h1 class="text-3xl font-bold">紀念品預購</h1>
+  <h1 class="text-3xl font-bold">紀念品預購</h1>
 </template>
 

vite.config.js

@@ -4,5 +4,5 @@ import vue from '@vitejs/plugin-vue'
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [vue()],
-  base: '/',
+  base: process.env.NODE_ENV === 'production' ? '/BikeFestival17th-Frontend/' : '/',
 })