diff --git a/packages/design-core/canvas.html b/packages/design-core/canvas.html
index dd9b6b658c..fedb11101a 100644
--- a/packages/design-core/canvas.html
+++ b/packages/design-core/canvas.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link href="https://npm.onmicrosoft.cn/@opentiny/vue-theme@3.11/index.css" rel="stylesheet" />
+    <link href="%VITE_CDN_DOMAIN%/@opentiny/vue-theme@3.11/index.css" rel="stylesheet" />
     <style type="text/css">
       .loading-warp {
         display: flex;
diff --git a/packages/design-core/src/preview/src/preview/srcFiles.js b/packages/design-core/src/preview/src/preview/srcFiles.js
index 4305742d43..2b109998b3 100644
--- a/packages/design-core/src/preview/src/preview/srcFiles.js
+++ b/packages/design-core/src/preview/src/preview/srcFiles.js
@@ -1,14 +1,14 @@
 /**
-* Copyright (c) 2023 - present TinyEngine Authors.
-* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-*
-* Use of this source code is governed by an MIT-style license.
-*
-* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
-* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
-* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
-*
-*/
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 
 import appVue from './srcFiles/App.vue?raw'
 import injectGlobalJS from './srcFiles/injectGlobal.js?raw'
@@ -29,7 +29,7 @@ const srcFiles = {}
 srcFiles['App.vue'] = appVue
 srcFiles['Main.vue'] = mainVue
 srcFiles['constant.js'] = constantJS
-srcFiles['app.js'] = appJS
+srcFiles['app.js'] = appJS.replace(/VITE_CDN_DOMAIN/g, import.meta.env.VITE_CDN_DOMAIN)
 srcFiles['injectGlobal.js'] = injectGlobalJS
 srcFiles['lowcode.js'] = lowcodeJS
 srcFiles['dataSourceMap.js'] = dataSourceMapJS
diff --git a/packages/design-core/src/preview/src/preview/srcFiles/app.js b/packages/design-core/src/preview/src/preview/srcFiles/app.js
index 08698f9d5b..d01bd1d1a8 100644
--- a/packages/design-core/src/preview/src/preview/srcFiles/app.js
+++ b/packages/design-core/src/preview/src/preview/srcFiles/app.js
@@ -16,5 +16,5 @@ function addCss(href) {
   link.setAttribute('href', href)
   document.head.appendChild(link)
 }
-addCss('https://npm.onmicrosoft.cn/@opentiny/vue-theme@3.11/index.css')
-addCss('https://npm.onmicrosoft.cn/@opentiny/vue-theme-mobile@3.11/index.css')
+addCss('VITE_CDN_DOMAIN/@opentiny/vue-theme@3.11/index.css')
+addCss('VITE_CDN_DOMAIN/@opentiny/vue-theme-mobile@3.11/index.css')