diff --git a/web/next.config.js b/web/next.config.js
index 7785b80676..6ec5f82083 100644
--- a/web/next.config.js
+++ b/web/next.config.js
@@ -14,6 +14,7 @@ const withMDX = require('@next/mdx')({
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+  basePath: '/dify',
   webpack: (config, { dev, isServer }) => {
     config.plugins.push(codeInspectorPlugin({ bundler: 'webpack' }))
     return config