From bdd6b9950feb5d3f0971a860f56b4721c1dca5b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=AC=E9=A3=8E?= <1770963469@qq.com>
Date: Thu, 3 Dec 2020 18:16:03 +0800
Subject: [PATCH 1/2] Update image.vue
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

修复上传图片组件bug
---
 web/src/components/upload/image.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/web/src/components/upload/image.vue b/web/src/components/upload/image.vue
index c5c9d92e..6801dc22 100644
--- a/web/src/components/upload/image.vue
+++ b/web/src/components/upload/image.vue
@@ -13,6 +13,7 @@
     <el-upload
       class="image-uploader"
       :action="`${path}/fileUploadAndDownload/upload`"
+      :headers="{ 'x-token': token }"
       :show-file-list="false"
       :on-success="handleImageSuccess"
       :before-upload="beforeImageUpload"
@@ -25,6 +26,7 @@
 </template>
 <script>
 const path = process.env.VUE_APP_BASE_API;
+import { mapGetters } from "vuex";
 import ImageCompress from "@/utils/image.js";
 export default {
   name: "upload-image",
@@ -51,6 +53,9 @@ export default {
       path: path,
     };
   },
+  computed: {
+    ...mapGetters("user", ["userInfo", "token"]),
+  },
   methods: {
     beforeImageUpload(file) {
       let isRightSize = file.size / 1024 < this.fileSize;
@@ -65,7 +70,7 @@ export default {
       // this.imageUrl = URL.createObjectURL(file.raw);
       const {  data } = res;
       if (data.file) {
-        this.$emit("change", data.file.url);
+        this.$emit("change", this.path + data.file.url);
       }
     },
   },
@@ -97,4 +102,4 @@ export default {
   height: 178px;
   display: block;
 }
-</style>
\ No newline at end of file
+</style>

From 72ca5dc961166d75533cf6194f6a18538dbe25ff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=AC=E9=A3=8E?= <1770963469@qq.com>
Date: Thu, 3 Dec 2020 19:05:26 +0800
Subject: [PATCH 2/2] Update image.vue

---
 web/src/components/upload/image.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/upload/image.vue b/web/src/components/upload/image.vue
index 6801dc22..47479df5 100644
--- a/web/src/components/upload/image.vue
+++ b/web/src/components/upload/image.vue
@@ -19,7 +19,7 @@
       :before-upload="beforeImageUpload"
       :multiple="false"
     >
-      <img v-if="imageUrl" :src="imageUrl" class="image" />
+      <img v-if="imageUrl" :src="path + imageUrl" class="image" />
       <i v-else class="el-icon-plus image-uploader-icon"></i>
     </el-upload>
   </div>
@@ -70,7 +70,7 @@ export default {
       // this.imageUrl = URL.createObjectURL(file.raw);
       const {  data } = res;
       if (data.file) {
-        this.$emit("change", this.path + data.file.url);
+        this.$emit("change", data.file.url);
       }
     },
   },