更新后退bug问题

FrontCode2/sunshine_levy/src/views/pdf/pdf.vue

@@ -8,9 +8,10 @@
         <el-button type="primary">保存到相册</el-button>
       </a>
     </div>
-    <el-button type="primary" @click="this.savePdf()">测试2</el-button>
+    <iframe :src="url" frameborder="0"></iframe>
+    <!-- <el-button type="primary" @click="this.savePdf()">测试2</el-button>
     <el-button type="primary" @click="this.handlePrint()">测试3</el-button>
-    <el-button type="primary" @click="testdownload4()">测试4</el-button>
+    <el-button type="primary" @click="testdownload4()">测试4</el-button> -->
   </div>
 </template>
 
@@ -24,44 +25,47 @@ import request from "@/common/util";
 import { mgop } from "@aligov/jssdk-mgop";
 export default {
   components: {
-    pdf,
+    pdf
   },
   data() {
     return {
-      url: "",
+      url:
+        "https://zsxt.nbzs.org.cn/Files/UploadFiles/e85a13ef-431c-46a5-85cd-9dd1b4f50fc6/80616f98-da17-49bc-92d0-b87199963787.pdf"
     };
   },
   created() {
     this.onInit();
-    console.log("pdf");
   },
   mounted() {
     // 截图
-    html2canvas(this.$refs.PDF).then((canvas) => {
-      canvas.id = "mycanvas";
-      const base64 = canvas.toDataURL("image/png");
-      jquery("a").prop("href", base64);
-    });
+    // html2canvas(this.$refs.PDF).then(canvas => {
+    //   canvas.id = "mycanvas";
+    //   const base64 = canvas.toDataURL("image/png");
+    //   jquery("a").prop("href", base64);
+    // });
   },
   methods: {
     onInit() {
-      this.onLoadData();
+      // this.onLoadData();
       request({
         url: "http://10.19.94.9:7099/api/agreement/info",
         method: "post",
         data: {
           ticket: window.sessionStorage.getItem("ticket"),
-          id: "C655515B-FD91-48F2-BD79-EAABAFB7077C",
+          id: "C655515B-FD91-48F2-BD79-EAABAFB7077C"
         },
         headers: { "Content-Type": "application/json; charset=UTF-8" },
-        responseType: "arraybuffer", //一定要设置响应类型，否则页面会是空白pdf
-      }).then((result) => {
+        responseType: "blob" //一定要设置响应类型，否则页面会是空白pdf
+      }).then(result => {
+        console.log("结果", result);
         const binaryData = [];
         binaryData.push(result.data);
         //获取blob链接
-        this.url = window.URL.createObjectURL(
+        const gan = window.URL.createObjectURL(
           new Blob(binaryData, { type: "application/pdf" })
         );
+        this.url = this.getObjectURL(result.data);
+        console.log("aaa", this.url);
         $("a").prop("href", this.url);
         // if (pdfUrl) {
         //   this.handlePrint(pdfUrl);
@@ -73,31 +77,34 @@ export default {
         dataType: "JSON",
         type: "POST",
         data: {
-          ticket: "8a1189377bdad67c017bf66039d76376-ticket",
-          id: "C655515B-FD91-48F2-BD79-EAABAFB7077C",
+          ticket: window.sessionStorage.getItem("ticket"),
+          id: "C655515B-FD91-48F2-BD79-EAABAFB7077C"
         },
         appKey: "es4b8zmz+2001833218+dehllx",
-        onSuccess: (result) => {
+        onSuccess: result => {
           console.log("pdf.vue页面请求pdf文件:", result);
           if (result.data && result.data.success == true) {
             console.log("result.data.data:", result.data.data);
-            this.url = result.data.data;
-            // const binaryData = [];
-            // binaryData.push(result.data);
-            // //获取blob链接
-            // this.url = window.URL.createObjectURL(
-            //   new Blob(binaryData, { type: "application/pdf" })
-            // );
+            // this.url = result.data.data;
+            const binaryData = [];
+            binaryData.push(result.data.data);
+            //获取blob链接
+            const gan = window.URL.createObjectURL(
+              new Blob(binaryData, { type: "application/pdf" })
+            );
+            this.url = this.getObjectURL(gan);
+            console.log("aaa", this.url);
             // if (pdfUrl) {
             //   this.handlePrint(pdfUrl);
             // }
           }
         },
-        onFail: (err) => {
+        onFail: err => {
           console.log("用户无数据，不展示");
-        },
+        }
       });
     },
+
     handlePrint() {
       if (document.getElementById("print-iframe")) {
         document.body.removeChild(document.getElementById("print-iframe"));
@@ -124,12 +131,12 @@ export default {
       ZWJSBridge.onReady(() => {
         console.log("初始化完成后，执行bridge方法-savePdf");
         ZWJSBridge.saveImage({
-          url: this.url,
+          url: this.url
         })
-          .then((result) => {
+          .then(result => {
             console.log("saveImage()成功:" + JSON.stringify(result));
           })
-          .catch((error) => {
+          .catch(error => {
             console.log("saveImage()失败:" + JSON.stringify(result));
             console.log(error);
           });
@@ -139,17 +146,17 @@ export default {
       ZWJSBridge.onReady(() => {
         console.log("初始化完成后，执行bridge方法-testdownload4");
         ZWJSBridge.openLink({
-          url: this.url,
+          url: this.url
         })
-          .then((result) => {
+          .then(result => {
             console.log("testdownload4():" + result);
           })
-          .catch((error) => {
+          .catch(error => {
             console.log(error);
           });
       });
-    },
-  },
+    }
+  }
 };
 </script>
 <style lang="less" scoped>
@@ -158,6 +165,7 @@ export default {
   line-height: 200px;
   font-size: 30px;
   margin-bottom: 20px;
+  height: 200px;
 }
 .bottom {
   text-align: center;