diff --git a/.github/workflows/gh-pages.yml b/.github/workflows/gh-pages.yml
index 19add57..c10f332 100644
--- a/.github/workflows/gh-pages.yml
+++ b/.github/workflows/gh-pages.yml
@@ -22,4 +22,4 @@ jobs:
           deploy_key: ${{ secrets.ACTIONS_DEPLOY_KEY }}
           #          github_token: ${{ secrets.GITHUB_TOKEN }}
           # 文档目录，如果是 react 模板需要修改为 docs-dist
-          publish_dir: ./examples/basic/build
+          publish_dir: ./examples/basic/dist
diff --git a/examples/basic/src/App.tsx b/examples/basic/src/App.tsx
index 1c260c3..e55dccb 100644
--- a/examples/basic/src/App.tsx
+++ b/examples/basic/src/App.tsx
@@ -125,6 +125,9 @@ function App() {
                   />
                 )}
               </ViewPanel>
+              <ViewPanel type="JSONTREE">
+                {(tree) => <div dangerouslySetInnerHTML={{__html:JSON.stringify(transformToSchema(tree))}}></div>}
+              </ViewPanel>
               <ViewPanel type={`PREVIEW`}>
                 {(tree) => <PreviewWidget tree={tree}  />}
               </ViewPanel>
diff --git a/examples/basic/vite.config.ts b/examples/basic/vite.config.ts
index 861b04b..7e836da 100644
--- a/examples/basic/vite.config.ts
+++ b/examples/basic/vite.config.ts
@@ -4,4 +4,5 @@ import react from '@vitejs/plugin-react-swc'
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
+  base: '/triones-designable/',
 })