网站管理显示图片采用静态方式

src/assets/styles/extend.scss

@@ -121,3 +121,7 @@
   height: 120px;
   line-height: 120px;
 }
+.el-upload-list--picture-card .el-upload-list__item{
+ width: 120px;
+ height: 120px;
+}

src/main.js

@@ -58,6 +58,7 @@ Vue.component('Editor', Editor)
 Vue.component('FileUpload', FileUpload)
 Vue.component('ImageUpload', ImageUpload)
 Vue.component('ImagePreview', ImagePreview)
+Vue.prototype.baseUrl = process.env.VUE_APP_BASE_API;
 
 Vue.use(directive)
 Vue.use(plugins)

src/views/WEBSITE/index.vue

@@ -284,14 +284,8 @@ export default {
         this.form = response.data;
         this.open = true;
         this.title = '修改网站管理';
-        downloadpic(this.form.topPicture).then(res => {
-          let src = window.URL.createObjectURL(res);
-          this.fileList.push({ name: 'xxx', url: src });
-        });
-        downloadpic(this.form.bottomPicture).then(res => {
-          let src = window.URL.createObjectURL(res);
-          this.fileList2.push({ name: 'xxx', url: src });
-        });
+        this.fileList.push({ name: 'xxx', url: this.baseUrl+response.data.topPicture});
+        this.fileList2.push({ name: 'xxx', url: this.baseUrl+response.data.bottomPicture});
       });
     },
     /** 提交按钮 */