diff --git a/api-test/frontend/vue.config.js b/api-test/frontend/vue.config.js
index fdfc73fc0e..701ee233bd 100644
--- a/api-test/frontend/vue.config.js
+++ b/api-test/frontend/vue.config.js
@@ -1,12 +1,14 @@
 const path = require('path');
 const { name } = require('./package');
+const { defineConfig } = require('@vue/cli-service');
 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 
 function resolve(dir) {
   return path.join(__dirname, dir);
 }
 
-module.exports = {
+module.exports = defineConfig({
+  publicPath: '/',
   productionSourceMap: false,
   devServer: {
     port: 4004,
@@ -192,4 +194,4 @@ module.exports = {
       ]);
     }
   },
-};
+});
diff --git a/framework/sdk-parent/frontend/vue.config.js b/framework/sdk-parent/frontend/vue.config.js
index 7d2808c5dc..a08b27856d 100644
--- a/framework/sdk-parent/frontend/vue.config.js
+++ b/framework/sdk-parent/frontend/vue.config.js
@@ -1,4 +1,5 @@
 const path = require("path");
+const { defineConfig } = require("@vue/cli-service");
 const BundleAnalyzerPlugin =
   require("webpack-bundle-analyzer").BundleAnalyzerPlugin;
 
@@ -6,7 +7,8 @@ function resolve(dir) {
   return path.join(__dirname, dir);
 }
 
-module.exports = {
+module.exports = defineConfig({
+  publicPath: "/",
   productionSourceMap: false,
   devServer: {
     port: 3000,
@@ -121,4 +123,4 @@ module.exports = {
       ]);
     }
   },
-};
+});
diff --git a/performance-test/frontend/vue.config.js b/performance-test/frontend/vue.config.js
index 0573cf6501..6d1b8971ed 100644
--- a/performance-test/frontend/vue.config.js
+++ b/performance-test/frontend/vue.config.js
@@ -1,5 +1,6 @@
 const path = require("path");
 const { name } = require("./package");
+const { defineConfig } = require("@vue/cli-service");
 const BundleAnalyzerPlugin =
   require("webpack-bundle-analyzer").BundleAnalyzerPlugin;
 
@@ -7,7 +8,8 @@ function resolve(dir) {
   return path.join(__dirname, dir);
 }
 
-module.exports = {
+module.exports = defineConfig({
+  publicPath: "/",
   productionSourceMap: false,
   devServer: {
     port: 4003,
@@ -197,4 +199,4 @@ module.exports = {
       ]);
     }
   },
-};
+});
diff --git a/project-management/frontend/vue.config.js b/project-management/frontend/vue.config.js
index 231ebf403e..2828de72b0 100644
--- a/project-management/frontend/vue.config.js
+++ b/project-management/frontend/vue.config.js
@@ -1,5 +1,6 @@
 const path = require("path");
 const { name } = require("./package");
+const { defineConfig } = require("@vue/cli-service");
 const BundleAnalyzerPlugin =
   require("webpack-bundle-analyzer").BundleAnalyzerPlugin;
 
@@ -7,7 +8,8 @@ function resolve(dir) {
   return path.join(__dirname, dir);
 }
 
-module.exports = {
+module.exports = defineConfig({
+  publicPath: "/",
   productionSourceMap: false,
   devServer: {
     port: 4002,
@@ -176,4 +178,4 @@ module.exports = {
       ]);
     }
   },
-};
+});
diff --git a/report-stat/frontend/vue.config.js b/report-stat/frontend/vue.config.js
index a91b33aceb..f6ac8b59df 100644
--- a/report-stat/frontend/vue.config.js
+++ b/report-stat/frontend/vue.config.js
@@ -1,5 +1,6 @@
 const path = require("path");
 const { name } = require("./package");
+const { defineConfig } = require("@vue/cli-service");
 const BundleAnalyzerPlugin =
   require("webpack-bundle-analyzer").BundleAnalyzerPlugin;
 
@@ -7,7 +8,8 @@ function resolve(dir) {
   return path.join(__dirname, dir);
 }
 
-module.exports = {
+module.exports = defineConfig({
+  publicPath: "/",
   productionSourceMap: false,
   devServer: {
     port: 4006,
@@ -182,4 +184,4 @@ module.exports = {
       ]);
     }
   },
-};
+});
diff --git a/system-setting/frontend/vue.config.js b/system-setting/frontend/vue.config.js
index 718cee685a..d8cb5a271d 100644
--- a/system-setting/frontend/vue.config.js
+++ b/system-setting/frontend/vue.config.js
@@ -1,5 +1,6 @@
 const path = require("path");
 const { name } = require("./package");
+const { defineConfig } = require("@vue/cli-service");
 const BundleAnalyzerPlugin =
   require("webpack-bundle-analyzer").BundleAnalyzerPlugin;
 
@@ -7,7 +8,8 @@ function resolve(dir) {
   return path.join(__dirname, dir);
 }
 
-module.exports = {
+module.exports = defineConfig({
+  publicPath: "/",
   productionSourceMap: false,
   devServer: {
     port: 4001,
@@ -176,4 +178,4 @@ module.exports = {
       ]);
     }
   },
-};
+});
diff --git a/test-track/frontend/vue.config.js b/test-track/frontend/vue.config.js
index a73cffba8d..538c8559b9 100644
--- a/test-track/frontend/vue.config.js
+++ b/test-track/frontend/vue.config.js
@@ -1,5 +1,6 @@
 const path = require("path");
 const { name } = require("./package");
+const { defineConfig } = require("@vue/cli-service");
 
 const HtmlWebpackInlineSourcePlugin = require("html-webpack-inline-source-plugin");
 const HtmlWebpackPlugin = require("html-webpack-plugin");
@@ -11,7 +12,8 @@ function resolve(dir) {
   return path.join(__dirname, dir);
 }
 
-module.exports = {
+module.exports = defineConfig({
+  publicPath: "/",
   productionSourceMap: false,
   devServer: {
     port: 4005,
@@ -248,4 +250,4 @@ module.exports = {
       ]);
     }
   },
-};
+});
diff --git a/workstation/frontend/vue.config.js b/workstation/frontend/vue.config.js
index feff103cda..ef31654bd1 100644
--- a/workstation/frontend/vue.config.js
+++ b/workstation/frontend/vue.config.js
@@ -1,5 +1,6 @@
 const path = require("path");
 const { name } = require("./package");
+const { defineConfig } = require("@vue/cli-service");
 const BundleAnalyzerPlugin =
   require("webpack-bundle-analyzer").BundleAnalyzerPlugin;
 
@@ -7,7 +8,8 @@ function resolve(dir) {
   return path.join(__dirname, dir);
 }
 
-module.exports = {
+module.exports = defineConfig({
+  publicPath: "/",
   productionSourceMap: false,
   devServer: {
     port: 4007,
@@ -180,4 +182,4 @@ module.exports = {
       ]);
     }
   },
-};
+});