diff --git a/frontend/src/views/website/ssl/create/index.vue b/frontend/src/views/website/ssl/create/index.vue
index f6d58f133..3e0d556a9 100644
--- a/frontend/src/views/website/ssl/create/index.vue
+++ b/frontend/src/views/website/ssl/create/index.vue
@@ -7,7 +7,7 @@
             <el-col :span="22" :offset="1">
                 <el-form ref="sslForm" label-position="top" :model="ssl" label-width="100px" :rules="rules">
                     <el-form-item :label="$t('website.primaryDomain')" prop="primaryDomain">
-                        <el-input v-model="ssl.primaryDomain"></el-input>
+                        <el-input v-model.trim="ssl.primaryDomain"></el-input>
                     </el-form-item>
                     <el-form-item :label="$t('website.otherDomains')" prop="otherDomains">
                         <el-input
diff --git a/frontend/src/views/website/ssl/dns-account/create/index.vue b/frontend/src/views/website/ssl/dns-account/create/index.vue
index a3bd54a8b..db0bfef07 100644
--- a/frontend/src/views/website/ssl/dns-account/create/index.vue
+++ b/frontend/src/views/website/ssl/dns-account/create/index.vue
@@ -25,26 +25,26 @@
                     </el-form-item>
                     <div v-if="account.type === 'AliYun'">
                         <el-form-item label="Access Key" prop="authorization.accessKey">
-                            <el-input v-model="account.authorization['accessKey']"></el-input>
+                            <el-input v-model.trim="account.authorization['accessKey']"></el-input>
                         </el-form-item>
                         <el-form-item label="Secret Key" prop="authorization.secretKey">
-                            <el-input v-model="account.authorization['secretKey']"></el-input>
+                            <el-input v-model.trim="account.authorization['secretKey']"></el-input>
                         </el-form-item>
                     </div>
                     <div v-if="account.type === 'DnsPod'">
                         <el-form-item label="ID" prop="authorization.id">
-                            <el-input v-model="account.authorization['id']"></el-input>
+                            <el-input v-model.trim="account.authorization['id']"></el-input>
                         </el-form-item>
                         <el-form-item label="Token" prop="authorization.token">
-                            <el-input v-model="account.authorization['token']"></el-input>
+                            <el-input v-model.trim="account.authorization['token']"></el-input>
                         </el-form-item>
                     </div>
                     <div v-if="account.type === 'CloudFlare'">
                         <el-form-item label="EMAIL" prop="authorization.email">
-                            <el-input v-model="account.authorization['email']"></el-input>
+                            <el-input v-model.trim="account.authorization['email']"></el-input>
                         </el-form-item>
                         <el-form-item label="API Key" prop="authorization.apiKey">
-                            <el-input v-model="account.authorization['apiKey']"></el-input>
+                            <el-input v-model.trim="account.authorization['apiKey']"></el-input>
                         </el-form-item>
                     </div>
                 </el-form>