diff --git a/src/views/settings/Feature/Vault/OpenBao.vue b/src/views/settings/Feature/Vault/OpenBao.vue
new file mode 100644
index 000000000..4483b2146
--- /dev/null
+++ b/src/views/settings/Feature/Vault/OpenBao.vue
@@ -0,0 +1,71 @@
+<template>
+  <BaseKV :config="$data" :title="$tc('OpenBao')" />
+</template>
+
+<script>
+import BaseKV from './Base.vue'
+
+export default {
+  name: 'OpenBaoKV',
+  components: {
+    BaseKV
+  },
+  data() {
+    const vm = this
+    return {
+      url: `/api/v1/settings/setting/?category=openbao`,
+      hasDetailInMsg: false,
+      visible: false,
+      moreButtons: [
+        {
+          title: this.$t('Test'),
+          loading: false,
+          callback: function (value, form, btn) {
+            btn.loading = true
+            vm.$axios
+              .post('/api/v1/settings/vault/openbao/testing/', value)
+              .then((res) => {
+                vm.$message.success(res['msg'])
+              })
+              .catch(() => {
+                vm.$log.error('err occur')
+              })
+              .finally(() => {
+                btn.loading = false
+              })
+          }
+        }
+      ],
+      encryptedFields: ['VAULT_OPENBAO_TOKEN'],
+      fields: [
+        [
+          this.$t('AccountStorage'),
+          [
+            'VAULT_OPENBAO_ADDR',
+            'VAULT_OPENBAO_TOKEN',
+            'VAULT_OPENBAO_MOUNT_POINT',
+            'VAULT_OPENBAO_TIMEOUT'
+          ]
+        ]
+      ],
+      fieldsMeta: {
+        VAULT_OPENBAO_ADDR: {
+          helpText: this.$t('VaultOpenBaoAddr'),
+          helpTextAsTip: true
+        },
+        VAULT_OPENBAO_MOUNT_POINT: {
+          helpText: this.$t('VaultOpenBaoMountPoint'),
+          helpTextAsTip: true
+        }
+      },
+      submitMethod() {
+        return 'patch'
+      }
+    }
+  },
+  computed: {},
+  methods: {}
+}
+</script>
+
+<style scoped></style>
diff --git a/src/views/settings/Feature/Vault/index.vue b/src/views/settings/Feature/Vault/index.vue
index d781fa50b..8a11e61f3 100644
--- a/src/views/settings/Feature/Vault/index.vue
+++ b/src/views/settings/Feature/Vault/index.vue
@@ -16,6 +16,7 @@ import { GenericCreateUpdateForm } from '@/layout/components'
 import IBox from '@/components/Common/IBox/index.vue'
 import { openTaskPage } from '@/utils/jms/index'
 import store from '@/store'
+import OpenBaoKV from './OpenBao.vue'
 import HashiCorpKV from './HCP.vue'
 import AzureKV from './Azure.vue'
 import AwsSM from './Aws.vue'
@@ -54,7 +55,7 @@ export default {
       ],
       fields: [
         [this.$t('Basic'), ['VAULT_ENABLED', 'VAULT_BACKEND', 'HISTORY_ACCOUNT_CLEAN_LIMIT']],
-        [this.$t('Provider'), ['HCP', 'AZURE', 'AWS']]
+        [this.$t('Provider'), ['OPENBAO', 'HCP', 'AZURE', 'AWS']]
       ],
       fieldsMeta: {
         HISTORY_ACCOUNT_CLEAN_LIMIT: {
@@ -72,6 +73,13 @@ export default {
           },
           disabled: true
         },
+        OPENBAO: {
+          label: this.$t('OpenBao'),
+          component: OpenBaoKV,
+          hidden: (formValue) => {
+            return !formValue.VAULT_ENABLED || formValue['VAULT_BACKEND'] !== 'openbao'
+          }
+        },
         HCP: {
           label: this.$t('HashicorpVault'),
           component: HashiCorpKV,