上传图片问题的处理

src/components/FileUpload/index.vue

@@ -2,6 +2,7 @@
   <div class="upload-file">
     <el-upload
       :action="uploadFileUrl"
+      :headers="headers"
       :before-upload="handleBeforeUpload"
       :file-list="fileList"
       :limit="limit"
@@ -74,9 +75,6 @@ export default {
     return {
       baseUrl: process.env.VUE_APP_BASE_API,
       uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/uploadOSS", // 上传的图片服务器地址
-      headers: {
-        Authorization: "Bearer " + getToken(),
-      },
       fileList: [],
       videoDuration: 0,
       videoTime: "",
@@ -107,6 +105,11 @@ export default {
     }
   },
   computed: {
+    headers() {
+      return {
+        Authorization: "Bearer " + getToken(),
+      };
+    },
     // 是否显示提示
     showTip() {
       return this.isShowTip && (this.fileType || this.fileSize);

src/components/ImageUpload/index.vue

@@ -2,6 +2,7 @@
   <div class="component-upload-image">
     <el-upload
       :action="uploadImgUrl"
+      :headers="headers"
       list-type="picture-card"
       :on-success="handleUploadSuccess"
       :before-upload="handleBeforeUpload"
@@ -77,9 +78,6 @@ export default {
       hideUpload: false,
       baseUrl: process.env.VUE_APP_BASE_API,
       uploadImgUrl: process.env.VUE_APP_BASE_API+"/common/uploadOSS", // 上传的图片服务器地址
-      headers: {
-        Authorization: "Bearer " + getToken(),
-      },
       fileList: []
     };
   },
@@ -110,6 +108,11 @@ export default {
     }
   },
   computed: {
+    headers() {
+      return {
+        Authorization: "Bearer " + getToken(),
+      };
+    },
     // 是否显示提示
     showTip() {
       return this.isShowTip && (this.fileType || this.fileSize);

src/components/Material/index.vue

@@ -72,6 +72,7 @@
                 <el-col :span="12" style="text-align: right;">
                   <el-upload
                     :action="uploadUrl"
+                    :headers="headers"
                     :file-list="[]"
                     :on-progress="handleProgress"
                     :before-upload="beforeUpload"
@@ -143,6 +144,7 @@
 import { listMaterial, getMaterial, delMaterial, addMaterial, updateMaterial, exportMaterial } from "@/api/store/material";
 import { getAllMaterialGroup,listMaterialGroup, getMaterialGroup, delMaterialGroup, addMaterialGroup, updateMaterialGroup, exportMaterialGroup } from "@/api/store/materialGroup";
 import { Loading } from 'element-ui';
+import { getToken } from "@/utils/auth";
 export default {
   name: 'ImageSelect',
   props: {
@@ -206,6 +208,13 @@ export default {
       urls: []
     }
   },
+  computed: {
+    headers() {
+      return {
+        Authorization: "Bearer " + getToken(),
+      };
+    },
+  },
   mounted(){
     this.getAllMaterialGroup();
   },

src/components/Material/single.vue

@@ -63,6 +63,7 @@
                 <el-col :span="12" style="text-align: right;">
                   <el-upload
                     :action="uploadUrl"
+                    :headers="headers"
                     :file-list="[]"
                     :on-progress="handleProgress"
                     :before-upload="beforeUpload"
@@ -134,6 +135,7 @@
 import { listMaterial, getMaterial, delMaterial, addMaterial, updateMaterial, exportMaterial } from "@/api/store/material";
 import { getAllMaterialGroup,listMaterialGroup, getMaterialGroup, delMaterialGroup, addMaterialGroup, updateMaterialGroup, exportMaterialGroup } from "@/api/store/materialGroup";
 import { Loading } from 'element-ui';
+import { getToken } from "@/utils/auth";
 export default {
   name: 'ImageSelect',
   props: {
@@ -200,6 +202,13 @@ export default {
       urls: []
     }
   },
+  computed: {
+    headers() {
+      return {
+        Authorization: "Bearer " + getToken(),
+      };
+    },
+  },
   mounted(){
     this.getAllMaterialGroup();
   },

src/views/qw/sop/ImageUpload.vue

@@ -2,6 +2,7 @@
   <div class="component-upload-image">
     <el-upload
       :action="uploadUrl"
+      :headers="headers"
       list-type="picture-card"
       :on-success="handleUploadSuccess"
       :before-upload="handleBeforeUpload"
@@ -73,9 +74,6 @@ export default {
       hideUpload: false,
       baseUrl:"",
       uploadUrl: process.env.VUE_APP_BASE_API + "/common/uploadOSS",
-      headers: {
-        Authorization: "Bearer " + getToken(),
-      },
       fileList: []
     };
   },
@@ -106,6 +104,11 @@ export default {
     }
   },
   computed: {
+    headers() {
+      return {
+        Authorization: "Bearer " + getToken(),
+      };
+    },
     // 是否显示提示
     showTip() {
       return this.isShowTip && (this.fileType || this.fileSize);