diff --git a/web-vue/package.json b/web-vue/package.json
index f49b31ecb..8946880d7 100644
--- a/web-vue/package.json
+++ b/web-vue/package.json
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@babel/plugin-proposal-optional-chaining": "^7.14.5",
-    "ant-design-vue": "^3.2.15",
+    "ant-design-vue": "^1.7.8",
     "axios": "^0.21.1",
     "core-js": "^3.16.0",
     "echarts": "^4.9.0",
@@ -21,7 +21,7 @@
     "qrcodejs2": "^0.0.2",
     "qs": "^6.9.4",
     "spark-md5": "^3.0.2",
-    "vue": "^3.2.47",
+    "vue": "^2.6.14",
     "vue-clipboard2": "^0.3.3",
     "vue-codemirror": "^4.0.6",
     "vue-json-viewer": "^2.2.20",
diff --git a/web-vue/src/router/index.js b/web-vue/src/router/index.js
index bbc93139b..95f3fe76b 100644
--- a/web-vue/src/router/index.js
+++ b/web-vue/src/router/index.js
@@ -1,3 +1,4 @@
+import Vue from "vue";
 import Router from "vue-router";
 
 // NavigationDuplicated: Avoided redundant navigation to current location: "xxxx".
@@ -7,6 +8,8 @@ Router.prototype.push = function push(location) {
   return originalPush.call(this, location).catch((err) => err);
 };
 
+Vue.use(Router);
+
 const children = [
   {
     path: "/my-workspace",