diff --git a/knife4j-vue/src/assets/common/lang/jp.js b/knife4j-vue/src/assets/common/lang/jp.js
new file mode 100644
index 0000000000000000000000000000000000000000..87339aa3b6a429cadf6f2e3b9e1a112cfa3e4d0a
--- /dev/null
+++ b/knife4j-vue/src/assets/common/lang/jp.js
@@ -0,0 +1,545 @@
+const langOptions = {
+  //界面显示
+  lang: 'jp',
+  title: 'タイトル',
+  searchHolderText: 'キーワードで検索',
+  docLinkTip: 'ドキュメンテーション',
+  langText: '日本語',
+  settingText: '設定',
+  cacheText: 'キャッシュをクリアする',
+  //文档中各个表格的属性
+  table: {
+    //SwaggerModels
+    swaggerModelsColumns: [
+      {
+        title: '名称',
+        dataIndex: 'name',
+        width: '30%'
+      },
+      {
+        title: '種類',
+        dataIndex: 'type',
+        width: '15%'
+      },
+      {
+        title: '説明',
+        width: '35%',
+        dataIndex: 'description',
+        scopedSlots: { customRender: 'descriptionValueTemplate' }
+      },
+      {
+        title: 'schema',
+        dataIndex: 'schemaValue',
+        width: '15%'
+      }
+    ],
+    //文档说明-请求参数
+    documentRequestColumns: [
+      {
+        title: 'パラメータ名',
+        dataIndex: 'name',
+        width: '30%'
+      },
+      {
+        title: 'パラメータ説明',
+        dataIndex: 'description',
+        width: '25%',
+        scopedSlots: { customRender: 'descriptionValueTemplate' }
+      },
+      {
+        title: 'リクエストタイプ',
+        dataIndex: 'in',
+        scopedSlots: { customRender: 'typeTemplate' }
+      },
+      {
+        title: '必須項目',
+        dataIndex: 'require',
+        scopedSlots: { customRender: 'requireTemplate' }
+      },
+      {
+        title: 'データ型',
+        dataIndex: 'type',
+        scopedSlots: { customRender: 'datatypeTemplate' }
+      },
+      {
+        title: 'schema',
+        dataIndex: 'schemaValue',
+        width: '15%'
+      }
+    ],
+    //文档说明-响应状态
+    documentResponseStatusColumns: [
+      {
+        title: 'ステータス',
+        dataIndex: 'code',
+        width: '20%'
+      },
+      {
+        title: '説明',
+        dataIndex: 'description',
+        width: '55%',
+        scopedSlots: { customRender: 'descriptionTemplate' }
+      },
+      {
+        title: 'schema',
+        dataIndex: 'schema',
+        scopedSlots: { customRender: 'schemaTemplate' }
+      }
+    ],
+    //文档说明-响应Header
+    documentResponseHeaderColumns: [
+      {
+        title: 'パラメータ名',
+        dataIndex: 'name',
+        width: '30%'
+      },
+      {
+        title: 'パラメータ説明',
+        dataIndex: 'description',
+        width: '55%'
+      },
+      {
+        title: 'データ型',
+        dataIndex: 'type'
+      }
+    ],
+    //文档说明-响应参数
+    documentResponseColumns: [
+      {
+        title: 'パラメータ名',
+        dataIndex: 'name',
+        width: '35%'
+      },
+      {
+        title: 'パラメータ説明',
+        dataIndex: 'description',
+        scopedSlots: { customRender: 'descriptionTemplate' },
+        width: '40%'
+      },
+      {
+        title: 'データ型',
+        dataIndex: 'type'
+      },
+      {
+        title: 'schema',
+        dataIndex: 'schemaValue',
+        width: '15%'
+      }
+    ],
+    //调试-请求头参数
+    debugRequestHeaderColumns: [
+      {
+        title: 'リクエストヘッダ',
+        dataIndex: 'name',
+        width: '20%',
+        scopedSlots: {
+          customRender: 'headerName'
+        }
+      },
+      {
+        title: 'コンテンツ',
+        dataIndex: 'content',
+        scopedSlots: {
+          customRender: 'headerValue'
+        }
+      },
+      {
+        title: 'オプション',
+        dataIndex: 'operation',
+        width: '10%',
+        scopedSlots: {
+          customRender: 'operation'
+        }
+      }
+    ],
+    //调试-FormData类型请求头
+    debugFormDataRequestColumns: [
+      {
+        title: 'パラメータ名',
+        dataIndex: 'name',
+        width: '20%',
+        scopedSlots: {
+          customRender: 'formName'
+        }
+      },
+      {
+        title: 'データ型',
+        dataIndex: 'type',
+        width: '12%',
+        scopedSlots: {
+          customRender: 'formType'
+        }
+      },
+      {
+        title: 'パラメータ値',
+        dataIndex: 'content',
+        scopedSlots: {
+          customRender: 'formValue'
+        }
+      },
+      {
+        title: 'オプション',
+        dataIndex: 'operation',
+        width: '10%',
+        scopedSlots: {
+          customRender: 'operation'
+        }
+      }
+    ],
+    //调试-url-form类型请求参数头
+    debugUrlFormRequestColumns: [
+      {
+        title: 'パラメータ名',
+        dataIndex: 'name',
+        width: '20%',
+        scopedSlots: {
+          customRender: 'urlFormName'
+        }
+      },
+      {
+        title: 'パラメータ値',
+        dataIndex: 'content',
+        scopedSlots: {
+          customRender: 'urlFormValue'
+        }
+      },
+      {
+        title: 'オプション',
+        dataIndex: 'operation',
+        width: '10%',
+        scopedSlots: {
+          customRender: 'operation'
+        }
+      }
+    ],
+    //调试-响应Header
+    debugResponseHeaderColumns: [
+      {
+        title: 'リクエストヘッダ',
+        dataIndex: 'name',
+        width: '20%'
+      },
+      {
+        title: '値',
+        dataIndex: 'value'
+      }
+    ],
+    //auth中的header
+    authHeaderColumns: [
+      {
+        title: 'キー',
+        dataIndex: 'key',
+        customRender(text, row, index) {
+          return row.key + '(' + row.type + ')';
+        }
+      },
+      {
+        title: 'パラメータ名',
+        className: 'column-money',
+        dataIndex: 'name'
+      },
+      {
+        title: 'in',
+        dataIndex: 'in'
+      },
+      {
+        title: 'パラメータ値',
+        dataIndex: 'value',
+        scopedSlots: {
+          customRender: 'paramIpt'
+        }
+      }
+    ]
+  },
+  //主页显示
+  homePage: {
+    description: '紹介',
+    author: '著者',
+    version: 'バージョン',
+    host: 'host',
+    basePath: 'basePath',
+    serviceUrl: 'APIサービス契約',
+    groupName: 'グループ名',
+    groupUrl: 'グループ URL',
+    groupLocation: 'グループlocation',
+    apiCountNumber: 'インターフェース統計情報'
+  },
+  markdown: {
+    title: 'その他'
+  },
+  message: {
+    success: '保存が成功しました',
+    settingTip: '個性的な設定を有効にした後、インターフェースタブは閉じて再度開くか、または現在のページを更新する必要があります',
+    settingHost: 'ホストの有効化が成功しました。インターフェースタブを閉じるか、または現在のページを更新してからデバッグを続行してください',
+    unsupportstore: '現在のブラウザは localStorage オブジェクトをサポートしていないため、この機能は使用できません',
+    copy: {
+      url: {
+        success: 'アドレスのコピーが成功しました',
+        fail: 'アドレスのコピーに失敗しました。お使いのブラウザのバージョンが対応していません。手動でコピーしてください'
+      },
+      method: {
+        success: 'インターフェースのコピーが成功しました',
+        fail: 'インターフェースのコピーに失敗しました。お使いのブラウザのバージョンが対応していません。手動でコピーしてください'
+      },
+      document: {
+        success: 'ドキュメントのコピーが成功しました',
+        fail: 'ドキュメントのコピーに失敗しました。お使いのブラウザのバージョンが対応していません。手動でコピーしてください。'
+      },
+      raw: {
+        success: 'Raw のコピーが成功しました',
+        fail: 'Raw のコピーに失敗しました。お使いのブラウザのバージョンが対応していません。手動でコピーしてください'
+      },
+      curl: {
+        success: 'CURL のコピーが成功しました',
+        fail: '"CURL のコピーに失敗しました。お使いのブラウザのバージョンが対応していません。手動でコピーしてください。'
+      },
+      open: {
+        success: 'OpenAPI のコピーが完了しました',
+        fail: 'OpenAPI のコピーに失敗しました。お使いのブラウザのバージョンが対応していません。手動でコピーしてください'
+      }
+    },
+    layer: {
+      title: '情報',
+      yes: '確定',
+      no: '取消'
+    },
+    auth: {
+      invalid: '無効な値',
+      confirm: 'ログアウトしますか？',
+      success: 'ログアウトが成功しました'
+    },
+    global: {
+      iptname: 'グローバルパラメータ名を入力してください',
+      iptvalue: 'グローバルパラメータの値を入力してください',
+      deleteSuccess: '削除成功'
+    },
+    settings: {
+      plusFail: 'Knife4jの拡張機能を有効にできません。バックエンドで@EnableKnife4j注釈が有効になっていることを確認してください',
+      plusError: 'Knife4jの拡張機能を有効にできません。エラーの原因：',
+      success: '保存が成功しました。このドキュメントページをリフレッシュしてください。'
+    },
+    offline: {
+      imple: 'この機能はまだ実装されていません...',
+      markdown: 'Markdownファイルをダウンロードしています、お待ちください...',
+      html: 'HTMLファイルをダウンロードしています、お待ちください...',
+      word: 'Wordファイルをダウンロードしています、お待ちください...',
+      copy: 'ドキュメントをコピー',
+      toomany: '現在のAPI数が制限を超えていますので、他のMarkdown変換ツールを使用して変換して結果を確認してください。',
+      note: 'Swagger-Bootstrap-UI はMarkdown形式のオフラインドキュメントを提供していますので、開発者はこのコンテンツをコピーして他のMarkdown変換ツールを使用してHTMLまたはPDFに変換できます。'
+    },
+    debug: {
+      urlNotEmpty: 'リクエストURLが空です',
+      fieldNotEmpty: '空であってはいけません',
+      networkErr: 'サーバーは再起動中または既に停止しています:(~~~~',
+      contentToBig: 'APIの応答データ量が制限を超えています。応答内容には表示されませんので、raw で確認してください',
+      contentToBigBlob: 'APIの応答データ量が制限を超えています。応答内容には表示されません'
+    },
+    sys: {
+      loadErr: '请确保 Swagger 资源接口正确'
+    }
+  },
+  swaggerModel: {
+    nodata: 'Swagger Models はありません',
+    tableHeader: {
+      name: '名称',
+      des: '説明',
+      type: 'タイプ'
+    }
+  },
+  global: {
+    tab: 'グローバルパラメータの設定',
+    add: 'パラメータの追加',
+    model: '新しいパラメータの追加',
+    tableHeader: [{
+      title: 'パラメータ名',
+      dataIndex: 'name',
+      width: '15%',
+      scopedSlots: {
+        customRender: 'name'
+      }
+    },
+    {
+      title: 'パラメータ値',
+      className: 'column-money',
+      dataIndex: 'value',
+      width: '65%',
+      scopedSlots: {
+        customRender: 'paramContentLabel'
+      }
+    },
+    {
+      title: 'パラメータ型',
+      dataIndex: 'in',
+      width: '10%',
+      scopedSlots: {
+        customRender: 'paramTypeLable'
+      }
+    },
+    {
+      title: 'オプション',
+      dataIndex: 'operation',
+      scopedSlots: {
+        customRender: 'operation'
+      }
+    }
+    ],
+    form: {
+      name: 'パラメータ名',
+      value: 'パラメータ値',
+      type: 'パラメータ型',
+      validate: {
+        name: 'パラメータ名称を入力してください',
+        value: 'パラメータ値を入力してください'
+      }
+    },
+    ok: '確定',
+    cancel: '取消',
+    save: '保存',
+    delete: '削除',
+    note: 'Knife4jは、グローバルパラメータのDebug機能を提供しており、現在はデフォルトでheader（リクエストヘッダ）およびquery（form）の2つの入力方法が提供されています。<br /><br />ここにグローバルパラメータを追加すると、デフォルトのDebugデバッグタブページにそのパラメータが表示されます。'
+
+  },
+  settings: {
+    title: '個性的な設定',
+    openCache: 'リクエストパラメータキャッシュを有効にする',
+    dynamicParameter: 'ダイナミックリクエストパラメータを有効にする',
+    showApi: 'メニューAPIアドレスを表示',
+    tagDes: 'グループタグにdescriptionプロパティを表示',
+    apiFilter: 'RequestMappingインターフェースのフィルタリングを有効にする',
+    openCacheApi: '既存のAPIドキュメントのキャッシュを有効にする',
+    plus: 'Knife4jが提供する拡張機能を有効にする',
+    save: '内容を保存',
+    copy: 'コピー',
+    fastTitle: '<h5>以下のアドレスを <kbd>ctrl + c</kbd> でコピーし、ブラウザを開いて素早く個性化設定を行うことができます</h5>'
+  },
+  auth: {
+    cancel: 'ログアウト',
+    save: '保存',
+    tableHeader: {
+      key: 'パラメータキー',
+      name: 'パラメータ名',
+      in: 'in',
+      value: 'パラメータ値',
+      operator: '操作'
+    },
+    valueInvalid: '値が無効'
+  },
+  menu: {
+    home: 'ホーム',
+    manager: 'ドキュメント管理',
+    globalsettings: 'グローバルパラメータの設定',
+    officeline: 'オフラインドキュメント',
+    selfSettings: '個性化の設定',
+    other: 'その他のドキュメント',
+    menuItemList: [
+      { key: '1', icon: 'caret-left', text: '左側を閉じる' },
+      { key: '2', icon: 'caret-right', text: '右側を閉じる' },
+      { key: '3', icon: 'close-circle', text: '他を閉じる' }
+    ]
+  },
+  offline: {
+    des: 'Knife4jは4つの形式（Html/Markdown/Word/OpenAPI）でのオフラインドキュメントのエクスポートを提供しています',
+    download: {
+      markdown: 'Markdownをダウンロード',
+      html: 'Htmlをダウンロード',
+      word: 'Wordをダウンロード',
+      pdf: 'Pdfをダウンロード'
+    },
+    contact: '連絡先',
+    url: 'インターフェースパス',
+    note: '紹介',
+    schemaDes: 'schemaプロパティの説明'
+  },
+  doc: {
+    title: 'インターフェースの説明',
+    note: 'インターフェースの説明',
+    copy: 'ドキュメントのコピー',
+    copyHash: 'アドレスのコピー',
+    copyMethod: 'インターフェースのコピー',
+    produces: 'リクエストデータタイプ',
+    consumes: 'レスポンスデータタイプ',
+    author: '開発者',
+    url: 'インターフェースアドレス',
+    method: 'リクエスト方法',
+    des: 'インターフェースの説明',
+    params: 'リクエストパラメータ',
+    example: '例',
+    enumAvalible: '利用可能な値',
+    requestExample: 'リクエストの例',
+    paramsHeader: {
+      name: 'パラメータ名',
+      des: 'パラメータの説明',
+      require: '必須項目',
+      type: 'データタイプ',
+      requestType: 'リクエストの種類'
+
+    },
+    responseHeaderParams: 'レスポンスヘッダー',
+    response: 'レスポンスステータス',
+    responseHeader: {
+      code: 'ステータスコード',
+      des: '説明'
+
+    },
+    responseParams: 'レスポンスパラメータ',
+    responseParamsHeader: {
+      name: 'パラメータ名',
+      des: 'パラメータの説明',
+      type: 'タイプ'
+    },
+    responseExample: 'レスポンスの例',
+    nodata: 'なし'
+
+  },
+  debug: {
+    title: 'デバッグ',
+    send: ' 送信 ',
+    headers: 'リクエストヘッダ',
+    params: 'リクエストパラメータ',
+    form: {
+      upload: 'ファイルを選択',
+      itemText: 'テキスト',
+      itemFile: 'ファイル'
+    },
+    tableHeader: {
+      holderName: 'リクエストヘッダ名',
+      holderValue: 'リクエストヘッダの内容',
+      holderDel: '削除',
+      selectAll: 'すべて選択',
+      type: 'パラメータタイプ',
+      name: 'パラメータ名',
+      value: 'パラメータ値'
+    },
+    response: {
+      content: 'レスポンス内容',
+      showDes: '説明を表示',
+      code: 'レスポンスコード:',
+      cost: '処理時間:',
+      size: 'サイズ:',
+      header: 'リクエストヘッダ',
+      download: 'ファイルのダウンロード',
+      copy: 'コピー'
+    }
+
+  },
+  open: {
+    copy: ' コピー ',
+    download: ' ダウンロード '
+  },
+  tab: {
+    closeCurrent: '現在のタブを閉じる',
+    closeOther: '他のすべてのタブを閉じる',
+    closeAll: 'すべてのタブを閉じる'
+  },
+  validate: {
+    header: 'リクエストヘッダ ',
+    notEmpty: ' 必須です',
+    fileNotEmpty: ' ファイルは空にできません'
+  },
+  script: {
+    JSExample: 'JSテンプレートの例',
+    TSExample: 'TSテンプレートの例',
+  }
+}
+
+export default langOptions;
diff --git a/knife4j-vue/src/components/GlobalHeader/index.vue b/knife4j-vue/src/components/GlobalHeader/index.vue
index 42eeb49768d14729718cca848028a7880e7c7a4c..44a2f028f9346d8b656ad3363ecbbd9b5c75f6dc 100644
--- a/knife4j-vue/src/components/GlobalHeader/index.vue
+++ b/knife4j-vue/src/components/GlobalHeader/index.vue
@@ -1,11 +1,20 @@
 <template>
   <div class="header knife4j-header-default" :class="headerClass">
-    <a-icon class="trigger" :type="collapsed ? 'menu-unfold' : 'menu-fold'" @click="toggle" />
+    <a-icon
+      class="trigger"
+      :type="collapsed ? 'menu-unfold' : 'menu-fold'"
+      @click="toggle"
+    />
     <span class="knife4j-header-title">{{ documentTitle }}</span>
 
     <div class="right">
-      <HeaderSearch v-if="settings.enableSearch" class="action search" :placeholder="$t('searchHolderText')"
-        :onSearch="value => onSearch(value)" :onPressEnter="value => onPressEnter(value)" />
+      <HeaderSearch
+        v-if="settings.enableSearch"
+        class="action search"
+        :placeholder="$t('searchHolderText')"
+        :onSearch="(value) => onSearch(value)"
+        :onPressEnter="(value) => onPressEnter(value)"
+      />
       <a-dropdown v-if="currentUser.name">
         <a-menu slot="overlay" class="menu">
           <a-menu-item v-if="settings.enableDocumentManage">
@@ -23,6 +32,9 @@
           <a-menu-item key="triggerError" @click="changeEn">
             <a-icon type="environment" /> English
           </a-menu-item>
+          <a-menu-item key="langJp" @click="changeJp">
+            <a-icon type="environment" /> 日本語
+          </a-menu-item>
         </a-menu>
         <span class="action account">
           <span class="name" v-html="$t('langText')"></span>
@@ -38,46 +50,46 @@ import constant from "@/store/constants";
 export default {
   name: "GlobalHeader",
   components: {
-    HeaderSearch
+    HeaderSearch,
   },
   props: {
     documentTitle: {
       type: String,
-      default: "Knife4j接口文档"
+      default: "Knife4j接口文档",
     },
     headerClass: {
-      type: String
+      type: String,
     },
     currentUser: {
-      type: Object
+      type: Object,
     },
     collapsed: {
-      type: Boolean
+      type: Boolean,
     },
     onCollapse: {
-      type: Function
+      type: Function,
     },
     onNoticeVisibleChange: {
-      type: Function
+      type: Function,
     },
     onNoticeClear: {
-      type: Function
+      type: Function,
     },
     fetchingNotices: {
-      type: Boolean
+      type: Boolean,
     },
     notices: {
-      type: Array
+      type: Array,
     },
     onMenuClick: {
       type: Function,
-      default: () => { }
-    }
+      default: () => {},
+    },
   },
   computed: {
     settings() {
       return this.$store.state.globals.settings;
-    }
+    },
   },
   data() {
     return {};
@@ -97,6 +109,13 @@ export default {
       this.$store.dispatch("globals/setLang", "en-US");
       this.$localStore.setItem(constant.globalI18nCache, "en-US");
     },
+    changeJp() {
+      // 日文
+      // console.log(this);
+      this.$i18n.locale = "ja-JP";
+      this.$store.dispatch("globals/setLang", "ja-JP");
+      this.$localStore.setItem(constant.globalI18nCache, "ja-JP");
+    },
     handleMenuClick() {
       // console("handleMenuClick");
     },
@@ -120,10 +139,10 @@ export default {
     clearLocalCache() {
       try {
         this.$localStore.clear();
-      } catch (error) { }
+      } catch (error) {}
       this.$message.info("清除本地缓存成功");
-    }
-  }
+    },
+  },
 };
 </script>
 
diff --git a/knife4j-vue/src/main.js b/knife4j-vue/src/main.js
index e09a597c77436bae2a7fbf366d5e38e58c0abc65..6085d3034887ae4c807551254bf876ccb1b2df66 100644
--- a/knife4j-vue/src/main.js
+++ b/knife4j-vue/src/main.js
@@ -11,13 +11,14 @@ import {
   Icon
 } from 'ant-design-vue'
 
-import {Menu,Input,Select,Table,Tabs,
-  Radio,Layout,Button,
-  Tag,Divider,Tree,Dropdown,Form,Modal,
-  Col,Row,AutoComplete,Tooltip,Spin,Badge,Card,
-  Collapse,Checkbox,message
+import {
+  Menu, Input, Select, Table, Tabs,
+  Radio, Layout, Button,
+  Tag, Divider, Tree, Dropdown, Form, Modal,
+  Col, Row, AutoComplete, Tooltip, Spin, Badge, Card,
+  Collapse, Checkbox, message
 } from 'ant-design-vue'
-Vue.prototype.$message=message;
+Vue.prototype.$message = message;
 //Vue.use(message)
 Vue.use(Card)
 Vue.use(Badge);
@@ -42,7 +43,7 @@ Vue.use(Button)
 Vue.use(Tag)
 Vue.use(Divider)
 Vue.use(Tree)
-Vue.use(Dropdown) 
+Vue.use(Dropdown)
 
 
 import kloading from '@/components/loading'
@@ -132,13 +133,15 @@ String.prototype.startWith = function (str) {
 
 import i18nZH from '@/assets/common/lang/zh'
 import i18nEN from '@/assets/common/lang/en'
+import i18nJP from '@/assets/common/lang/jp'
 
 //i18n
 const i18n = new VueI18n({
   locale: 'zh-CN',
   messages: {
     'zh-CN': i18nZH,
-    'en-US': i18nEN
+    'en-US': i18nEN,
+    'ja-JP': i18nJP
   }
 })
 
diff --git a/knife4j-vue3/src/components/GlobalHeader/index.vue b/knife4j-vue3/src/components/GlobalHeader/index.vue
index 7223d71a4f52202f7c2f21dfe9e76ac5cf9c9c89..8ea492c9e956a1ff4566c6a06186fbbbb06f719c 100644
--- a/knife4j-vue3/src/components/GlobalHeader/index.vue
+++ b/knife4j-vue3/src/components/GlobalHeader/index.vue
@@ -1,12 +1,17 @@
 <template>
   <div class="header knife4j-header-default" :class="headerClass">
-      <menu-unfold-outlined class="trigger" v-if="collapsed" @click="toggle"/>
-      <menu-fold-outlined class="trigger" v-else @click="toggle"/>
+    <menu-unfold-outlined class="trigger" v-if="collapsed" @click="toggle" />
+    <menu-fold-outlined class="trigger" v-else @click="toggle" />
     <span class="knife4j-header-title">{{ documentTitle }}</span>
 
     <div class="right">
-      <HeaderSearch v-if="settings.enableSearch" class="action search" :placeholder="$t('searchHolderText')"
-        :onSearch="value => onSearch(value)" :onPressEnter="value => onPressEnter(value)" />
+      <HeaderSearch
+        v-if="settings.enableSearch"
+        class="action search"
+        :placeholder="$t('searchHolderText')"
+        :onSearch="(value) => onSearch(value)"
+        :onPressEnter="(value) => onPressEnter(value)"
+      />
       <a-dropdown v-if="currentUser.name">
         <template #overlay>
           <a-menu class="menu">
@@ -25,6 +30,9 @@
             <a-menu-item key="triggerError" @click="changeEn">
               <environment-outlined /> English
             </a-menu-item>
+            <a-menu-item key="langJp" @click="changeJp">
+              <environment-outlined /> 日本語
+            </a-menu-item>
           </a-menu>
         </template>
         <span class="action account">
@@ -38,15 +46,19 @@
 <script>
 import HeaderSearch from "../HeaderSearch/index.vue";
 import constant from "@/store/constants.js";
-import { useGlobalsStore } from '@/store/modules/global.js'
-import { computed } from 'vue'
-import { useRouter } from 'vue-router'
-import { message } from 'ant-design-vue'
-import { MenuFoldOutlined, MenuUnfoldOutlined, SettingOutlined, DeleteOutlined,
-    EnvironmentOutlined
-} from '@ant-design/icons-vue'
-import { useI18n } from 'vue-i18n'
-import localStore from '@/store/local.js'
+import { useGlobalsStore } from "@/store/modules/global.js";
+import { computed } from "vue";
+import { useRouter } from "vue-router";
+import { message } from "ant-design-vue";
+import {
+  MenuFoldOutlined,
+  MenuUnfoldOutlined,
+  SettingOutlined,
+  DeleteOutlined,
+  EnvironmentOutlined,
+} from "@ant-design/icons-vue";
+import { useI18n } from "vue-i18n";
+import localStore from "@/store/local.js";
 
 export default {
   name: "GlobalHeader",
@@ -56,51 +68,51 @@ export default {
     MenuUnfoldOutlined,
     SettingOutlined,
     DeleteOutlined,
-    EnvironmentOutlined
+    EnvironmentOutlined,
   },
   props: {
     documentTitle: {
       type: String,
-      default: "Knife4j接口文档"
+      default: "Knife4j接口文档",
     },
     headerClass: {
-      type: String
+      type: String,
     },
     currentUser: {
-      type: Object
+      type: Object,
     },
     collapsed: {
-      type: Boolean
+      type: Boolean,
     },
     onCollapse: {
-      type: Function
+      type: Function,
     },
     onNoticeVisibleChange: {
-      type: Function
+      type: Function,
     },
     onNoticeClear: {
-      type: Function
+      type: Function,
     },
     fetchingNotices: {
-      type: Boolean
+      type: Boolean,
     },
     notices: {
-      type: Array
+      type: Array,
     },
     onMenuClick: {
       type: Function,
-      default: () => { }
-    }
+      default: () => {},
+    },
   },
-  setup(props, {emit}) {
-    const globalsStore = useGlobalsStore()
-    const router = useRouter()
+  setup(props, { emit }) {
+    const globalsStore = useGlobalsStore();
+    const router = useRouter();
 
-    const { locale } = useI18n()
+    const { locale } = useI18n();
 
     function changeZh() {
       locale.value = "zh-CN";
-      globalsStore.setLang("zh-CN")
+      globalsStore.setLang("zh-CN");
       localStore.setItem(constant.globalI18nCache, "zh-CN");
     }
     function changeEn() {
@@ -110,7 +122,13 @@ export default {
       globalsStore.setLang("en-US");
       localStore.setItem(constant.globalI18nCache, "en-US");
     }
-
+    function changeJp() {
+      // 日语
+      // console.log(this);
+      locale.value = "ja-JP";
+      globalsStore.setLang("ja-JP");
+      localStore.setItem(constant.globalI18nCache, "ja-JP");
+    }
 
     return {
       settings: computed(() => {
@@ -118,6 +136,7 @@ export default {
       }),
       changeZh,
       changeEn,
+      changeJp,
       handleMenuClick: () => {},
       jumpSettings: () => {
         router.push({ path: "/documentManager/Settings" });
@@ -140,15 +159,12 @@ export default {
         try {
           // TODO
           // this.$localStore.clear();
-        } catch (error) { }
+        } catch (error) {}
         message.info("清除本地缓存成功");
-      }
-    }
+      },
+    };
   },
-  methods: {
-
-
-  }
+  methods: {},
 };
 </script>
 
diff --git a/knife4j-vue3/src/lang/index.js b/knife4j-vue3/src/lang/index.js
index 5f76401fa240d31f011a42392050316dc579858b..865f4332887fdd141315ed28a97e461686aeb8fd 100644
--- a/knife4j-vue3/src/lang/index.js
+++ b/knife4j-vue3/src/lang/index.js
@@ -1,10 +1,12 @@
 import { createI18n } from 'vue-i18n'
 import enLocale from './en';
 import zhLocale from './zh';
+import jpLocale from './jp';
 
 const messages = {
   'zh-CN': zhLocale,
   'en-US': enLocale,
+  'ja-JP': jpLocale,
 }
 
 const i18n = createI18n({
diff --git a/knife4j-vue3/src/lang/jp.js b/knife4j-vue3/src/lang/jp.js
new file mode 100644
index 0000000000000000000000000000000000000000..6d84d93a9b65a46c1b89194025cbe38c8ac432e0
--- /dev/null
+++ b/knife4j-vue3/src/lang/jp.js
@@ -0,0 +1,543 @@
+const langOptions = {
+  //界面显示
+  lang: 'jp',
+  title: 'タイトル',
+  searchHolderText: 'キーワードで検索',
+  docLinkTip: 'ヘルプドキュメント',
+  langText: '日本語',
+  settingText: '個性化設定',
+  cacheText: 'キャッシュをクリア',
+  //文档中各个表格的属性
+  table: {
+    //SwaggerModels
+    swaggerModelsColumns: [
+      {
+        title: '名前',
+        dataIndex: 'name',
+        width: '30%'
+      },
+      {
+        title: 'タイプ',
+        dataIndex: 'type',
+        width: '15%'
+      },
+      {
+        title: '説明',
+        width: '35%',
+        dataIndex: 'description',
+        scopedSlots: { customRender: 'descriptionValueTemplate' }
+      },
+      {
+        title: 'schema',
+        dataIndex: 'schemaValue',
+        width: '15%'
+      }
+    ],
+    //文档说明-请求参数
+    documentRequestColumns: [
+      {
+        title: 'パラメータ名',
+        dataIndex: 'name',
+        width: '30%'
+      },
+      {
+        title: 'パラメータの説明',
+        dataIndex: 'description',
+        width: '25%',
+        scopedSlots: { customRender: 'descriptionValueTemplate' }
+      },
+      {
+        title: 'リクエストタイプ',
+        dataIndex: 'in',
+        scopedSlots: { customRender: 'typeTemplate' }
+      },
+      {
+        title: '必須かどうか',
+        dataIndex: 'require',
+        scopedSlots: { customRender: 'requireTemplate' }
+      },
+      {
+        title: 'データタイプ',
+        dataIndex: 'type',
+        scopedSlots: { customRender: 'datatypeTemplate' }
+      },
+      {
+        title: 'schema',
+        dataIndex: 'schemaValue',
+        width: '15%'
+      }
+    ],
+    //文档说明-响应状态
+    documentResponseStatusColumns: [
+      {
+        title: 'ステータスコード',
+        dataIndex: 'code',
+        width: '20%'
+      },
+      {
+        title: '説明',
+        dataIndex: 'description',
+        width: '55%',
+        scopedSlots: { customRender: 'descriptionTemplate' }
+      },
+      {
+        title: 'schema',
+        dataIndex: 'schema',
+        scopedSlots: { customRender: 'schemaTemplate' }
+      }
+    ],
+    //文档说明-响应Header
+    documentResponseHeaderColumns: [
+      {
+        title: 'パラメータ名',
+        dataIndex: 'name',
+        width: '30%'
+      },
+      {
+        title: 'パラメータの説明',
+        dataIndex: 'description',
+        width: '55%'
+      },
+      {
+        title: 'データタイプ',
+        dataIndex: 'type'
+      }
+    ],
+    //文档说明-响应参数
+    documentResponseColumns: [
+      {
+        title: 'パラメータ名',
+        dataIndex: 'name',
+        width: '35%'
+      },
+      {
+        title: 'パラメータの説明',
+        dataIndex: 'description',
+        scopedSlots: { customRender: 'descriptionTemplate' },
+        width: '40%'
+      },
+      {
+        title: 'タイプ',
+        dataIndex: 'type'
+      },
+      {
+        title: 'schema',
+        dataIndex: 'schemaValue',
+        width: '15%'
+      }
+    ],
+    //调试-请求头参数
+    debugRequestHeaderColumns: [
+      {
+        title: 'リクエストヘッダ',
+        dataIndex: 'name',
+        width: '20%',
+        scopedSlots: {
+          customRender: 'headerName'
+        }
+      },
+      {
+        title: 'コンテンツ',
+        dataIndex: 'content',
+        scopedSlots: {
+          customRender: 'headerValue'
+        }
+      },
+      {
+        title: 'オプション',
+        dataIndex: 'operation',
+        width: '10%',
+        scopedSlots: {
+          customRender: 'operation'
+        }
+      }
+    ],
+    //调试-FormData类型请求头
+    debugFormDataRequestColumns: [
+      {
+        title: 'パラメータ名',
+        dataIndex: 'name',
+        width: '20%',
+        scopedSlots: {
+          customRender: 'formName'
+        }
+      },
+      {
+        title: 'タイプ',
+        dataIndex: 'type',
+        width: '12%',
+        scopedSlots: {
+          customRender: 'formType'
+        }
+      },
+      {
+        title: 'パラメータ値',
+        dataIndex: 'content',
+        scopedSlots: {
+          customRender: 'formValue'
+        }
+      },
+      {
+        title: 'オプション',
+        dataIndex: 'operation',
+        width: '10%',
+        scopedSlots: {
+          customRender: 'operation'
+        }
+      }
+    ],
+    //调试-url-form类型请求参数头
+    debugUrlFormRequestColumns: [
+      {
+        title: 'パラメータ名',
+        dataIndex: 'name',
+        width: '20%',
+        scopedSlots: {
+          customRender: 'urlFormName'
+        }
+      },
+      {
+        title: 'パラメータ値',
+        dataIndex: 'content',
+        scopedSlots: {
+          customRender: 'urlFormValue'
+        }
+      },
+      {
+        title: 'オプション',
+        dataIndex: 'operation',
+        width: '10%',
+        scopedSlots: {
+          customRender: 'operation'
+        }
+      }
+    ],
+    //调试-响应Header
+    debugResponseHeaderColumns: [
+      {
+        title: 'レスポンスヘッダ',
+        dataIndex: 'name',
+        width: '20%'
+      },
+      {
+        title: '値',
+        dataIndex: 'value'
+      }
+    ],
+    //auth中的header
+    authHeaderColumns: [
+      {
+        title: 'パラメータキー',
+        dataIndex: 'key',
+        customRender(text, row, index) {
+          return row.key + '(' + row.type + ')';
+        }
+      },
+      {
+        title: 'パラメータ名',
+        className: 'column-money',
+        dataIndex: 'name'
+      },
+      {
+        title: 'in',
+        dataIndex: 'in'
+      },
+      {
+        title: 'パラメータ値',
+        dataIndex: 'value',
+        scopedSlots: {
+          customRender: 'paramIpt'
+        }
+      }
+    ]
+  },
+  //主页显示
+  homePage: {
+    description: '紹介',
+    author: '作者',
+    version: 'バージョン',
+    host: 'host',
+    basePath: 'basePath',
+    serviceUrl: 'サービスURL',
+    groupName: 'グループ名',
+    groupUrl: 'グループURL',
+    groupLocation: 'グループロケーション',
+    apiCountNumber: 'API統計情報'
+  },
+  markdown: {
+    title: 'その他のドキュメント'
+  },
+  message: {
+    success: '保存成功',
+    settingTip: '個性化設定有効後、インターフェースタブを閉じてから再度開くか、または現在のページをリフレッシュする必要があります。',
+    settingHost: 'Hostの有効化が成功しました。インターフェースタブを閉じるか、または現在のページをリフレッシュしてデバッグしてください。',
+    unsupportstore: '現在のブラウザはlocalStorageオブジェクトをサポートしていないため、この機能は使用できません。',
+    copy: {
+      url: {
+        success: 'アドレスのコピーが成功しました。',
+        fail: 'アドレスのコピーに失敗しました。お使いのブラウザのバージョンが対応していないため、手動でコピーしてください。'
+      },
+      method: {
+        success: 'インターフェースのコピーが成功しました。',
+        fail: 'インターフェースのコピーに失敗しました。お使いのブラウザのバージョンが対応していないため、手動でコピーしてください。'
+      },
+      document: {
+        success: 'ドキュメントのコピーが成功しました。',
+        fail: 'ドキュメントのコピーに失敗しました。お使いのブラウザのバージョンが対応していないため、手動でコピーしてください。'
+      },
+      raw: {
+        success: 'Rawのコピーが成功しました。',
+        fail: 'Rawのコピーに失敗しました。お使いのブラウザのバージョンが対応していないため、手動でコピーしてください。'
+      },
+      curl: {
+        success: 'cURLのコピーが成功しました。',
+        fail: 'cURLのコピーに失敗しました。お使いのブラウザのバージョンが対応していないため、手動でコピーしてください。'
+      },
+      open: {
+        success: 'OpenAPIのコピーが成功しました。',
+        fail: 'OpenAPIのコピーに失敗しました。お使いのブラウザのバージョンが対応していないため、手動でコピーしてください。'
+      }
+    },
+    layer: {
+      title: '情報。',
+      yes: '確定。',
+      no: 'キャンセル。'
+    },
+    auth: {
+      invalid: '値が無効。',
+      confirm: 'ログアウトしますか？',
+      success: 'ログアウトが成功しました。'
+    },
+    global: {
+      iptname: '全局パラメータ名を入力してください',
+      iptvalue: '全局パラメータ値を入力してください',
+      deleteSuccess: '削除が成功しました'
+    },
+    settings: {
+      plusFail: 'Knife4jの拡張機能を有効にできません。バックエンドで@EnableKnife4jアノテーションが有効になっていることを確認してください。',
+      plusError: 'Knife4jの拡張機能を有効にできません。エラーの原因：',
+      success: '保存が成功しました。このドキュメントページをリフレッシュしてください。'
+    },
+    offline: {
+      imple: 'この機能はまだ実装されていません...',
+      markdown: 'Markdownファイルのダウンロード中、お待ちください...',
+      html: 'HTMLファイルのダウンロード中、お待ちください...',
+      word: 'Wordファイルのダウンロード中、お待ちください...',
+      copy: 'ドキュメントのコピー',
+      toomany: '現在のインターフェース数が制限を超えています。他のmarkdown変換ソフトウェアを使用して変換してから結果を表示してください。',
+      note: 'swagger-bootstrap-uiはmarkdown形式のオフラインドキュメントを提供し、開発者はその内容を他のmarkdown変換ツールを使用してhtmlまたはpdfに変換できます。'
+    },
+    debug: {
+      urlNotEmpty: 'リクエストURLは空にできません。',
+      fieldNotEmpty: '空にできません',
+      networkErr: 'サーバーは再起動中またはすでに停止しています:(~~~~',
+      contentToBig: 'インターフェースの応答データ量が制限を超えており、応答内容に表示されていません。rawで確認してください。',
+      contentToBigBlob: 'インターフェースの応答データ量が制限を超えており、応答内容に表示されていません。'
+    },
+    sys: {
+      loadErr: 'swaggerリソースインターフェースが正確であることを確認してください。'
+    }
+  },
+  swaggerModel: {
+    nodata: 'Swagger Modelsはありません',
+    tableHeader: {
+      name: '名前',
+      des: '説明',
+      type: 'タイプ'
+    }
+  },
+  global: {
+    tab: 'グローバルパラメータの設定',
+    add: 'パラメータの追加',
+    model: '新しいパラメータ',
+    tableHeader: [{
+      title: 'パラメータ名',
+      dataIndex: 'name',
+      width: '15%',
+      scopedSlots: {
+        customRender: 'name'
+      }
+    },
+    {
+      title: 'パラメータ値',
+      className: 'column-money',
+      dataIndex: 'value',
+      width: '65%',
+      scopedSlots: {
+        customRender: 'paramContentLabel'
+      }
+    },
+    {
+      title: 'パラメータのタイプ',
+      dataIndex: 'in',
+      width: '10%',
+      scopedSlots: {
+        customRender: 'paramTypeLable'
+      }
+    },
+    {
+      title: 'オプション',
+      dataIndex: 'operation',
+      scopedSlots: {
+        customRender: 'operation'
+      }
+    }
+    ],
+    form: {
+      name: 'パラメータ名',
+      value: 'パラメータ値',
+      type: 'パラメータのタイプ',
+      validate: {
+        name: 'パラメータ名を入力してください',
+        value: 'パラメータ値を入力してください'
+      }
+    },
+    ok: '確定',
+    cancel: 'キャンセル',
+    save: '保存',
+    delete: '削除',
+    note: 'Knife4jは全体のパラメータデバッグ機能を提供しており、現在はデフォルトでheader（リクエストヘッダ）およびquery（フォーム）の2つの方法の入力が提供されています。<br /><br />ここに全体のパラメータを追加すると、デフォルトのデバッグタブにそのパラメータが表示されます。'
+
+  },
+  settings: {
+    title: '個性化設定',
+    openCache: 'リクエストパラメータキャッシュを有効にする',
+    dynamicParameter: '動的リクエストパラメータを有効にする',
+    showApi: 'メニューにAPIアドレスを表示する',
+    tagDes: '分組tagにdsecription属性を表示する',
+    apiFilter: 'RequestMappingインターフェースのフィルターを有効にし、デフォルトでは表示されるものだけ表示する',
+    openCacheApi: '既に開いているAPIドキュメントをキャッシュする',
+    plus: 'Knife4jが提供する拡張機能を有効にする',
+    save: 'コンテンツを保存する',
+    copy: 'コピー',
+    fastTitle: '<h5>以下のアドレスを <kbd>ctrl + c</kbd> でコピーして、ブラウザを開いて個性化設定を行います。</h5>'
+  },
+  auth: {
+    cancel: '注销',
+    save: '保存',
+    tableHeader: {
+      key: 'パラメータキー',
+      name: 'パラメータ名',
+      in: 'in',
+      value: 'パラメータ値',
+      operator: 'オプション'
+    },
+    valueInvalid: '値が無効'
+  },
+  menu: {
+    home: 'ホーム',
+    manager: 'ドキュメント管理',
+    globalsettings: '全体のパラメータ設定',
+    officeline: 'オフラインドキュメント',
+    selfSettings: '個性化設定',
+    other: 'その他のドキュメント',
+    menuItemList: [
+      { key: '1', icon: 'caret-left', text: '左を閉じる' },
+      { key: '2', icon: 'caret-right', text: '右を閉じる' },
+      { key: '3', icon: 'close-circle', text: '他を閉じる' }
+    ]
+  },
+  offline: {
+    des: 'Knife4jは4つの形式のオフラインドキュメント（Html/Markdown/Word/OpenAPI）を提供しています。',
+    download: {
+      markdown: 'Markdownのダウンロード',
+      html: 'Htmlのダウンロード',
+      word: 'Wordのダウンロード',
+      pdf: 'Pdfのダウンロード'
+    },
+    contact: '連絡先',
+    url: 'インターフェースのパス',
+    note: '概要',
+    schemaDes: 'schema属性の説明'
+  },
+  doc: {
+    title: 'ドキュメント',
+    note: 'インターフェースの説明',
+    copy: 'ドキュメントのコピー',
+    copyHash: 'アドレスのコピー',
+    copyMethod: 'インターフェースのコピー',
+    produces: 'リクエストデータのタイプ',
+    consumes: 'レスポンスデータのタイプ',
+    author: '開発者',
+    url: 'インターフェースのアドレス',
+    method: 'リクエストの方法',
+    des: 'インターフェースの説明',
+    params: 'リクエストパラメータ',
+    requestExample: 'リクエストの例',
+    paramsHeader: {
+      name: 'パラメータ名',
+      des: 'パラメータの説明',
+      require: '必須',
+      type: 'データタイプ',
+      requestType: 'リクエストタイプ'
+
+    },
+    responseHeaderParams: 'レスポンスヘッダ',
+    response: 'レスポンスステータス',
+    responseHeader: {
+      code: 'ステータスコード',
+      des: '説明'
+
+    },
+    responseParams: 'レスポンスパラメータ',
+    responseParamsHeader: {
+      name: 'パラメータ名',
+      des: 'パラメータの説明',
+      type: 'タイプ'
+    },
+    responseExample: 'レスポンスの例',
+    nodata: '現在はありません'
+
+  },
+  debug: {
+    title: 'デバッグ',
+    send: ' 送信 ',
+    headers: 'リクエストヘッダ',
+    params: 'リクエストパラメータ',
+    form: {
+      upload: 'ファイルの選択',
+      itemText: 'テキスト',
+      itemFile: 'ファイル'
+    },
+    tableHeader: {
+      holderName: 'リクエストヘッダの名前',
+      holderValue: 'リクエストヘッダの内容',
+      holderDel: '削除',
+      selectAll: 'すべて選択',
+      type: 'パラメータのタイプ',
+      name: 'パラメータ名',
+      value: 'パラメータ値'
+    },
+    response: {
+      content: 'レスポンスの内容',
+      showDes: '説明を表示',
+      code: 'レスポンスコード:',
+      cost: '所要時間:',
+      size: 'サイズ:',
+      header: 'リクエストヘッダ',
+      download: 'ファイルのダウンロード',
+      copy: 'コピー'
+    }
+
+  },
+  open: {
+    copy: ' 複写 ',
+    download: ' ダウンロード '
+  },
+  tab: {
+    closeCurrent: '現在のタブを閉じる',
+    closeOther: 'その他のタブを閉じる',
+    closeAll: 'すべてのタブを閉じる'
+  },
+  validate: {
+    header: 'リクエストヘッダ ',
+    notEmpty: ' 空であってはいけません',
+    fileNotEmpty: ' ファイルは空にできません'
+  },
+  script: {
+    JSExample: 'JSテンプレートの例',
+    TSExample: 'TSテンプレートの例',
+  }
+}
+
+export default langOptions;