diff --git a/src/components/Portal/guideBox.vue b/src/components/Portal/guideBox.vue
index 72f2cfb1..89704008 100644
--- a/src/components/Portal/guideBox.vue
+++ b/src/components/Portal/guideBox.vue
@@ -165,7 +165,7 @@
           padding-top: 90px;
           width: 190px;
         //   background: #387DF7;
-          background: url('/images/homeWu/guide-bg.png') no-repeat 101% / 101%;
+          background: url('../../../public/images/homeWu/guide-bg.png') no-repeat 101% / 101%;
           border-radius: 10px 0 0 10px;
           .left-title{
             width: 190px;
diff --git a/src/views/portal/article/Detail.vue b/src/views/portal/article/Detail.vue
index 24ba9646..ac94a534 100644
--- a/src/views/portal/article/Detail.vue
+++ b/src/views/portal/article/Detail.vue
@@ -293,7 +293,7 @@ export default {
 <style scoped lang="scss">
   .article-banner{
     height: 240px;
-    background: url('/images/article-banner.png');
+    background: url('../../../../public/images/article-banner.png');
   }
 .course-resources{
 
diff --git a/src/views/portal/article/Index.vue b/src/views/portal/article/Index.vue
index a1ad7af2..c0cfd636 100644
--- a/src/views/portal/article/Index.vue
+++ b/src/views/portal/article/Index.vue
@@ -409,7 +409,7 @@ export default {
 }
   .article-banner{
     height: 240px;
-    background: url('/images/article-banner.png');
+    background: url('../../../../public/images/article-banner.png');
   }
   .write-art{
     width: 410px;
diff --git a/src/views/portal/case/Detail.vue b/src/views/portal/case/Detail.vue
index a53b32d7..a45495e6 100644
--- a/src/views/portal/case/Detail.vue
+++ b/src/views/portal/case/Detail.vue
@@ -542,7 +542,7 @@ export default {
 
   .case-banner{
     height: 240px;
-    background: url('/images/case-banner.png');
+    background: url('../../../../public/images/case-banner.png');
   }
 .course-resources{
   margin-top: 26px;
diff --git a/src/views/portal/case/Index.vue b/src/views/portal/case/Index.vue
index 90ecb391..960fcdfe 100644
--- a/src/views/portal/case/Index.vue
+++ b/src/views/portal/case/Index.vue
@@ -751,7 +751,7 @@ export default {
 }
   .case-banner{
     height: 240px;
-    background: url('/images/case-banner.png');
+    background: url('../../../../public/images/case-banner.png');
   }
 
 ::v-deep  .el-checkbox{
diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue
index 893e99c6..7db9eb13 100644
--- a/src/views/portal/course/Index.vue
+++ b/src/views/portal/course/Index.vue
@@ -1006,7 +1006,7 @@ export default {
 
 .course-banner{
   height: 240px;
-  background: url('/images/course-banner.png');
+  background: url('../../../../public/images/course-banner.png');
 }
 
 ::v-deep .el-radio-button{
diff --git a/src/views/portal/qa/Answer.vue b/src/views/portal/qa/Answer.vue
index 39518932..37b3aac1 100644
--- a/src/views/portal/qa/Answer.vue
+++ b/src/views/portal/qa/Answer.vue
@@ -890,7 +890,7 @@ export default {
 }
 .qa-banner{
     height: 240px;
-    background: url('/images/qa-banner.png');
+    background: url('../../../../public/images/qa-banner.png');
   }
 .course-resources{
   margin-top: 26px;
diff --git a/src/views/portal/qa/Detail.vue b/src/views/portal/qa/Detail.vue
index a81b42fd..66f820cd 100644
--- a/src/views/portal/qa/Detail.vue
+++ b/src/views/portal/qa/Detail.vue
@@ -740,7 +740,7 @@ export default {
 <style scoped lang="scss">
 .qa-banner{
     height: 240px;
-    background: url('/images/qa-banner.png');
+    background: url('../../../../public/images/qa-banner.png');
   }
 .course-resources{
   // width: 410px;
diff --git a/src/views/portal/qa/Index.vue b/src/views/portal/qa/Index.vue
index 1757e1dd..c72b7c5d 100644
--- a/src/views/portal/qa/Index.vue
+++ b/src/views/portal/qa/Index.vue
@@ -455,7 +455,7 @@ export default {
 }
   .qa-banner{
     height: 240px;
-    background: url('/images/qa-banner.png');
+    background: url('../../../../public/images/qa-banner.png');
   }
   .el-card{
     border: none;
diff --git a/src/views/user/Mynotes.vue b/src/views/user/Mynotes.vue
index 18e7323c..81e0d939 100644
--- a/src/views/user/Mynotes.vue
+++ b/src/views/user/Mynotes.vue
@@ -708,7 +708,7 @@ export default {
 
 
 ::v-deep.el-dialog__header{
-    background: url('/images/daochubg.png') 100% / 100% !important;
+    background: url('../../../public/images/daochubg.png') 100% / 100% !important;
 }
 .textbut-box{
     // position: absolute;