update

api/config/config.default.js

@@ -17,7 +17,7 @@ module.exports = appInfo => {
   config.middleware = [];
   config.mongoose = {
     client: {
-      url: 'mongodb://127.0.0.1:27011/back',
+      url: 'mongodb://127.0.0.1:9018/back',
       options: {}
     }
   }

h5/src/App.vue

@@ -1,9 +1,11 @@
 <template>
-  <div>
-    <el-row v-for="(item, perIndex) in resData.createImgList" :key="perIndex" class="yangshi">
-      <el-col :span="3">
-        {{ item.age }}岁
-      </el-col>
+  <div v-if="!error">
+    <el-row
+      v-for="(item, perIndex) in resData.createImgList"
+      :key="perIndex"
+      class="yangshi"
+    >
+      <el-col :span="3"> {{ item.age }}岁 </el-col>
       <el-col :span="15">
         <img :src="item.png" height="200px" />
       </el-col>
@@ -12,33 +14,43 @@
       </el-col>
     </el-row>
   </div>
+  <div v-else>{{ error }}</div>
 </template>
 
 <script>
-import { Download } from '@element-plus/icons-vue';
-
-
 export default {
   name: "app",
   data() {
     return {
       resData: {},
+      error: "",
     };
   },
   async mounted() {
-    let id = this.$_.get(window.location.href.split('?')[1].split('='), [1])
-    console.log(77744, window.location.href, id)
-    let res = await this.$axios.get(`/api/getPng?id=${id}`)
-    this.resData = this.$_.get(res, ["data", 0])
-    console.log(777, res)
-
-
+    let url1 = this.$_.get(window.location.href, ["href"]);
+    if (url1) {
+      let conf = this.$_.get(url1.split("?"));
+      if (conf[1]) {
+        let id = this.$_.get(conf[1].split("="), [1]);
+        if (id.length === 12) {
+          console.log(77744, window.location.href, id);
+          let res = await this.$axios.get(`/api/getPng?id=${id}`);
+          this.resData = this.$_.get(res, ["data", 0]);
+          console.log(777, res);
+        } else {
+          this.error = "无数据";
+        }
+      }
+    } else {
+      this.error = "无数据";
+    }
   },
   methods: {
-    downloadFile(content, fileName = Date.now()) { //下载base64图片
+    downloadFile(content, fileName = Date.now()) {
+      //下载base64图片
       let base64ToBlob = function (code) {
-        let parts = code.split(';base64,');
-        let contentType = parts[0].split(':')[1];
+        let parts = code.split(";base64,");
+        let contentType = parts[0].split(":")[1];
         let raw = window.atob(parts[1]);
         let rawLength = raw.length;
         let uInt8Array = new Uint8Array(rawLength);
@@ -46,10 +58,10 @@ export default {
           uInt8Array[i] = raw.charCodeAt(i);
         }
         return new Blob([uInt8Array], {
-          type: contentType
+          type: contentType,
         });
       };
-      let aLink = document.createElement('a');
+      let aLink = document.createElement("a");
       let blob = base64ToBlob(content); //new Blob([content]);
       let evt = document.createEvent("HTMLEvents");
       evt.initEvent("click", true, true); //initEvent 不加后两个参数在FF下会报错  事件类型，是否冒泡，是否阻止浏览器的默认行为
@@ -58,8 +70,8 @@ export default {
       aLink.click();
     },
     DownloadPng(item) {
-      this.downloadFile(item.png, `${this.resData.name}_${item.age}`)
-    }
+      this.downloadFile(item.png, `${this.resData.name}_${item.age}`);
+    },
   },
   watch: {},
   computed: {},