diff --git a/frontend/src/business/components/api/head/ApiHeaderMenus.vue b/frontend/src/business/components/api/head/ApiHeaderMenus.vue
index 260bd63fef..5b394d824d 100644
--- a/frontend/src/business/components/api/head/ApiHeaderMenus.vue
+++ b/frontend/src/business/components/api/head/ApiHeaderMenus.vue
@@ -3,7 +3,7 @@
     <el-row type="flex">
       <project-change :project-name="currentProject"/>
       <el-col :span="14">
-        <el-menu class="header-menu" :unique-opened="true" mode="horizontal" router :default-active='$route.path'>
+        <el-menu class="header-menu" :unique-opened="true" mode="horizontal" router :default-active='currentPath'>
 
           <el-menu-item :index="'/api/home'">
             {{ $t("i18n.home") }}
@@ -40,6 +40,7 @@ export default {
   components: {SearchList, MsCreateButton, MsShowAll, MsRecentList, ProjectChange},
   data() {
     return {
+      currentPath: '',
       testRecent: {
         title: this.$t('load_test.recent'),
         url: "/api/recent/5",
@@ -64,6 +65,15 @@ export default {
       currentProject: ''
     };
   },
+  watch: {
+    '$route': {
+      immediate: true,
+      handler(to) {
+        let path = to.path.split("/", 3);
+        this.currentPath = '/' + path[1] + '/' + path[2];
+      }
+    }
+  },
   methods: {
     reload() {
       this.isRouterAlive = false;