diff --git a/ui/src/views/authentication/component/OIDC.vue b/ui/src/views/authentication/component/OIDC.vue
index a8ed1d98e..2666bc647 100644
--- a/ui/src/views/authentication/component/OIDC.vue
+++ b/ui/src/views/authentication/component/OIDC.vue
@@ -39,6 +39,9 @@
           <el-form-item label="Scope" prop="config_data.scope">
             <el-input v-model="form.config_data.scope" placeholder="openid+profile+email " />
           </el-form-item>
+          <el-form-item label="State" prop="config_data.state">
+            <el-input v-model="form.config_data.state" placeholder="" />
+          </el-form-item>
           <el-form-item
             :label="$t('views.system.authentication.oidc.clientId')"
             prop="config_data.clientId"
@@ -98,6 +101,7 @@ const form = ref<any>({
     tokenEndpoint: '',
     userInfoEndpoint: '',
     scope: '',
+    state: '',
     clientId: '',
     clientSecret: '',
     redirectUrl: ''
diff --git a/ui/src/views/login/index.vue b/ui/src/views/login/index.vue
index fff8a874c..4cacd7ee5 100644
--- a/ui/src/views/login/index.vue
+++ b/ui/src/views/login/index.vue
@@ -184,6 +184,9 @@ function redirectAuth(authType: string) {
         if (authType === 'OIDC') {
           const scope = config.scope || 'openid+profile+email'
           url = `${config.authEndpoint}?client_id=${config.clientId}&redirect_uri=${redirectUrl}&response_type=code&scope=${scope}`
+          if (config.state) {
+            url += `&state=${config.state}`
+          }
         }
         if (authType === 'OAuth2') {
           url =