1 doc文档路径访问方式改动，利用doc id访问文件

2 pdfjs访问文件请求带上了Access-Token参数

src/views/app/pdf.vue

 <template>
-  <div>
-    <pdf v-for="i in numPages"
-         :key="i"
-         :src="src"
-         :page="i"
-         style="display: block; width: 100%"></pdf>
-  </div>
+    <div>
+        <pdf v-for="i in numPages"
+             :key="i"
+             :src="src"
+             :page="i"
+             style="display: block; width: 100%"></pdf>
+    </div>
 </template>
 
 <script>
-import { Indicator, Toast } from "mint-ui";
-import pdf from 'vue-pdf'
+    import {Indicator, Toast} from "mint-ui";
+    import pdf from 'vue-pdf'
 
-export default {
-  components: {
-    pdf
-  },
-  data() {
-    return {
-      src: '',
-      numPages: undefined,
+    export default {
+        components: {
+            pdf
+        },
+        data() {
+            return {
+                src: '',
+                numPages: undefined,
+            }
+        },
+        methods: {
+            async preview() {
+                Indicator.open()
+                let pdfSrc = this.$route.query.pdfSrc;
+                this.src = pdf.createLoadingTask({
+                    url: pdfSrc,
+                    httpHeaders: {
+                        "Access-Token": this.$store.state.token
+                    }
+                });
+                this.src.then(pdf => {
+                    Indicator.close()
+                    this.numPages = pdf.numPages;
+                }).catch(error => {
+                    Toast("网络出错");
+                    Indicator.close()
+                });
+            }
+        },
+        created() {
+            let title = this.$route.query.title
+            let index = title.lastIndexOf('.pdf')
+            // console.log('index :', index)
+            if (index !== -1) {
+                title = title.substr(0, index)
+            }
+            this.setTitle({title: title});
+            this.preview()
+        },
+        mounted() {
+            document.getElementById("viewport").setAttribute('content', 'user-scalable=yes, width=device-width, minimum-scale=0.5, initial-scale=1, maximum-scale=3');
+        },
+        beforeDestroy() {
+            document.getElementById("viewport").setAttribute('content', 'user-scalable=no, width=device-width, minimum-scale=1, initial-scale=1, maximum-scale=1');
+        },
     }
-  },
-  methods: {
-    async preview() {
-      Indicator.open()
-      let pdfSrc = this.$route.query.pdfSrc ? this.$route.query.pdfSrc : 'https://blog.koley.in/pdfvuer/nationStates.pdf'
-      this.src = pdf.createLoadingTask(pdfSrc);
-      this.src.then(pdf => {
-        Indicator.close()
-        this.numPages = pdf.numPages;
-      }).catch(error => {
-        Toast("网络出错");
-        Indicator.close()
-      });
-    }
-  },
-  created() {
-    let title = this.$route.query.title
-    let index = title.lastIndexOf('.pdf')
-    // console.log('index :', index)
-    if (index !== -1) {
-      title = title.substr(0, index)
-    }
-    this.setTitle({ title: title });
-    this.preview()
-  },
-  mounted() {
-    document.getElementById("viewport").setAttribute('content', 'user-scalable=yes, width=device-width, minimum-scale=0.5, initial-scale=1, maximum-scale=3');
-  },
-  beforeDestroy() {
-    document.getElementById("viewport").setAttribute('content', 'user-scalable=no, width=device-width, minimum-scale=1, initial-scale=1, maximum-scale=1');
-  },
-}
 
 </script>
\ No newline at end of file