diff --git a/build/webpack.config.js b/build/webpack.config.js
index e9d758f..8ad894d 100644
--- a/build/webpack.config.js
+++ b/build/webpack.config.js
@@ -66,7 +66,8 @@ module.exports = {
           options: {
             limit: 4096,
             name: 'img/[name].[hash:8].[ext]',
-            esModule: false
+            esModule: false,
+            publicPath: '../'
           }
         }]
       }
diff --git a/packages/styles/common.scss b/packages/styles/common.scss
index 85a2675..b47ad3f 100644
--- a/packages/styles/common.scss
+++ b/packages/styles/common.scss
@@ -174,14 +174,14 @@ body {
     div {
         width: 16px;
         height: 16px;
-        background-image: url(../assets/addIcon.svg);
+        background-image: url('../assets/addIcon.svg');
         margin-right: 12px;
     }
 
     &:hover {
         transition: all .3s;
         div {
-            background-image: url(../assets/addIcon_light.svg);
+            background-image: url('../assets/addIcon_light.svg');
         }
 
         border-color: #006AFF;
@@ -672,7 +672,7 @@ body {
 
 .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label::after,
 .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label::after {
-    content: url(../assets/require.svg);
+    content: url('../assets/require.svg');
     display: inline-block;
     color: #ff4d4f;
     margin-right: 4px;