diff --git a/web/.env.example b/web/.env.example
index 37bfc939e..23b72b341 100644
--- a/web/.env.example
+++ b/web/.env.example
@@ -2,6 +2,8 @@
 NEXT_PUBLIC_DEPLOY_ENV=DEVELOPMENT
 # The deployment edition, SELF_HOSTED
 NEXT_PUBLIC_EDITION=SELF_HOSTED
+# The base path for the application
+NEXT_PUBLIC_BASE_PATH=
 # The base URL of console application, refers to the Console base URL of WEB service if console domain is
 # different from api or web app domain.
 # example: http://cloud.dify.ai/console/api
diff --git a/web/Dockerfile b/web/Dockerfile
index 2ea8402cd..317a7f9c5 100644
--- a/web/Dockerfile
+++ b/web/Dockerfile
@@ -12,6 +12,7 @@ RUN apk add --no-cache tzdata
 RUN corepack enable
 ENV PNPM_HOME="/pnpm"
 ENV PATH="$PNPM_HOME:$PATH"
+ENV NEXT_PUBLIC_BASE_PATH=
 
 
 # install packages
diff --git a/web/docker/entrypoint.sh b/web/docker/entrypoint.sh
index ef13011a7..c12ebc081 100755
--- a/web/docker/entrypoint.sh
+++ b/web/docker/entrypoint.sh
@@ -14,6 +14,7 @@ set -e
 
 export NEXT_PUBLIC_DEPLOY_ENV=${DEPLOY_ENV}
 export NEXT_PUBLIC_EDITION=${EDITION}
+export NEXT_PUBLIC_BASE_PATH=${NEXT_PUBLIC_BASE_PATH}
 export NEXT_PUBLIC_API_PREFIX=${CONSOLE_API_URL}/console/api
 export NEXT_PUBLIC_PUBLIC_API_PREFIX=${APP_API_URL}/api
 export NEXT_PUBLIC_MARKETPLACE_API_PREFIX=${MARKETPLACE_API_URL}/api/v1
diff --git a/web/utils/var-basePath.js b/web/utils/var-basePath.js
index 07b7f7581..ff6dd505e 100644
--- a/web/utils/var-basePath.js
+++ b/web/utils/var-basePath.js
@@ -1,6 +1,6 @@
 // export basePath to next.config.js
 // same as the one exported from var.ts
 module.exports = {
-  basePath: '',
+  basePath: process.env.NEXT_PUBLIC_BASE_PATH || '',
   assetPrefix: '',
 }