diff --git a/packages/editor/src/pages/editor/components/Header/index.tsx b/packages/editor/src/pages/editor/components/Header/index.tsx
index e03709c..84a7603 100644
--- a/packages/editor/src/pages/editor/components/Header/index.tsx
+++ b/packages/editor/src/pages/editor/components/Header/index.tsx
@@ -22,6 +22,7 @@ import req from '@/utils/req';
 import { uuid } from '@/utils/tool';
 import styles from './index.less';
 import MyPopover from 'yh-react-popover';
+import { encode } from 'querystring';
 
 const { confirm } = Modal;
 
@@ -54,7 +55,7 @@ const HeaderComponent = memo((props: HeaderComponentProps) => {
     //   );
     // }, 600);
      setTimeout(() => {
-      window.open(`http://localhost:8008/preview?tid=${props.location.query.tid}&pointData=${JSON.stringify(pointData)}`);
+      window.open(`http://localhost:8008/preview?tid=${props.location.query.tid}&pointData=${encodeURI(JSON.stringify(pointData))}`);
     }, 600);
   };
 
diff --git a/packages/ui/src/pages/preview/index.tsx b/packages/ui/src/pages/preview/index.tsx
index 5a9c354..f074980 100644
--- a/packages/ui/src/pages/preview/index.tsx
+++ b/packages/ui/src/pages/preview/index.tsx
@@ -19,7 +19,8 @@ interface PointDataItem {
 
 const PreviewPage = memo((props: PreviewPageProps) => {
   const [pointData, setPointData] = useState(() => {
-    const pointDataStr = getQueryString('pointData') || localStorage.getItem('pointData');
+    const pointDataStr =
+      decodeURI(getQueryString('pointData') ?? '') ?? localStorage.getItem('pointData');
     let points;
 
     try {