diff --git a/.woodpecker.yml b/.woodpecker.yml
index c100925..743f916 100644
--- a/.woodpecker.yml
+++ b/.woodpecker.yml
@@ -4,7 +4,7 @@ pipeline:
     commands:
       - npm i
       - sed -i "s#setPublicPath('/')#setPublicPath('/og-image')#" webpack.config.js
-      - sed -i "s#\(base.*\)'/'#\1'/og-image'#" src/router.js
+      - sed -i "s#APP_BASE_URL = '/'#APP_BASE_URL = '/og-image'#" src/router.js
       - npm run build
 
   update:
diff --git a/src/router.js b/src/router.js
index bd133de..4319d6c 100644
--- a/src/router.js
+++ b/src/router.js
@@ -2,9 +2,11 @@ import { createRouter, createWebHistory } from 'vue-router'
 import Home from './page/Home.vue'
 import About from './page/About.vue'
 
+const APP_BASE_URL = '/'
+
 const routes = [
   {
-    path: '/',
+    path: APP_BASE_URL,
     name: 'Home',
     component: Home,
     meta: {
@@ -23,7 +25,7 @@ const routes = [
 
 const router = createRouter({
   history: createWebHistory(),
-  base: '/',
+  base: APP_BASE_URL,
   routes,
 });