diff --git a/web_src/js/components/Model.vue b/web_src/js/components/Model.vue
index d97249b2b..02b8643ae 100644
--- a/web_src/js/components/Model.vue
+++ b/web_src/js/components/Model.vue
@@ -26,7 +26,7 @@
               <span v-if="!scope.row.Children" :class="scope.row.modelType == '1' ? 'm-local' : 'm-online'">{{ scope.row.modelType == '1' ? i18n.local : i18n.online }}</span>
               <a
                 class="text-over"
-                :href="showinfoHref + scope.row.name"
+                :href="showinfoHref + encodeURIComponent(scope.row.name)"
                 :title="scope.row.name"
                 >{{ scope.row.name }}</a
               >
@@ -153,7 +153,7 @@
                 >-->
                 <a class="op-btn"
                   v-show="scope.row.modelType == 1"
-                  :href="url + 'create_local_model_1?type=1&name=' + scope.row.name + '&id=' + scope.row.id"
+                  :href="url + 'create_local_model_1?type=1&name=' + encodeURIComponent(scope.row.name) + '&id=' + scope.row.id"
                   :class="{ disabled: !scope.row.isCanOper }"
                   >{{ i18n.modify }}</a>
                 <a class="op-btn" v-show="scope.row.modelType != 1" style="color:transparent;cursor:default;" >{{ i18n.modify }}</a>
diff --git a/web_src/vuepages/pages/modelmanage/common/modelmanage-common-detail.vue b/web_src/vuepages/pages/modelmanage/common/modelmanage-common-detail.vue
index e08b09ed1..70e496101 100644
--- a/web_src/vuepages/pages/modelmanage/common/modelmanage-common-detail.vue
+++ b/web_src/vuepages/pages/modelmanage/common/modelmanage-common-detail.vue
@@ -342,7 +342,7 @@ export default {
       }
     },
     goUploadPage() {
-      window.location.href = `${this.repo}/modelmanage/create_local_model_2?type=1&name=${this.state.name}&id=${this.state.id}`;
+      window.location.href = `${this.repo}/modelmanage/create_local_model_2?type=1&name=${encodeURIComponent(this.state.name)}&id=${this.state.id}`;
     },
     backToModelListPage() {
       const list = window.location.href.split('/');
diff --git a/web_src/vuepages/pages/modelmanage/local/modelmanage-local-create-1.vue b/web_src/vuepages/pages/modelmanage/local/modelmanage-local-create-1.vue
index 815b5368d..a3d7e5785 100644
--- a/web_src/vuepages/pages/modelmanage/local/modelmanage-local-create-1.vue
+++ b/web_src/vuepages/pages/modelmanage/local/modelmanage-local-create-1.vue
@@ -168,7 +168,7 @@ export default {
           const list = window.location.href.split('/');
           list.pop();
           list.push('create_local_model_2');
-          window.location.href = list.join('/') + '?type=0&name=' + this.state.name + '&id=' + res.id;
+          window.location.href = list.join('/') + '?type=0&name=' + encodeURIComponent(this.state.name) + '&id=' + res.id;
         } if (res && res.code == '-1') {
           this.$message({
             type: 'error',
@@ -194,7 +194,7 @@ export default {
       const list = window.location.href.split('/');
       list.pop();
       list.push('show_model_info');
-      window.location.href = list.join('/') + '?name=' + this.state.name;
+      window.location.href = list.join('/') + '?name=' + encodeURIComponent(this.state.name);
     }
   },
   mounted() {