fix bug

src/views/list/pdf.vue

@@ -55,7 +55,7 @@
     },
     methods: {
       // pdf加载时
-      loadPdfHandler(path) {
+      loadPdfHandler(path,watermark) {
         try {
           let loadingTask = pdfjsLib.getDocument({
             url: path,
@@ -70,14 +70,20 @@
             this.numPages = pdf.numPages;
             for (let i = 1; i <= pdf.numPages; i++) {
               pdf.getPage(i).then(function (page) {
-                var scale = 5; //缩放比例
-                var viewport = page.getViewport(scale);
-                var canvas = document.getElementById('pdf' + i);
-                var context = canvas.getContext('2d');
+                let scale = 5; //缩放比例
+                let viewport = page.getViewport(scale);
+                let canvas = document.getElementById('pdf' + i);
+                let context = canvas.getContext('2d');
                 canvas.height = viewport.height;
                 canvas.width = viewport.width;
                 canvas.style.width = '100%';
-                var renderContext = {
+                context.font = "24px 宋体"
+                context.fillStyle = "#FFC82C"
+                // 设置右对齐
+                context.textAlign = 'right'
+                // 在指定位置绘制文字，这里指定距离右下角20坐标的地方
+                context.fillText(watermark, canvas.width - 20, canvas.height - 20)
+                let renderContext = {
                   canvasContext: context,
                   viewport: viewport
                 };
@@ -102,7 +108,7 @@
         this.$api.user.getDetail(this.$route.query.id, localStorage.userId || '').then((response) => {
           const res = response.data.data;
           let path = res.data.path || ''
-          self.loadPdfHandler(path);
+          self.loadPdfHandler(path,res.data.watermark);
           self.ChangePageTitle(res.data.fileName);
         }).catch(() => {
           self.loading = false;

vue.config.js

@@ -1,6 +1,6 @@
 module.exports = {
-  publicPath: './', // 署应用包时的基本 URL。 vue-router hash 模式使用
-  // publicPath: '/h5/', //署应用包时的基本 URL。  vue-router history模式使用
+  // publicPath: './', // 署应用包时的基本 URL。 vue-router hash 模式使用
+  publicPath: '/h5/', //署应用包时的基本 URL。  vue-router history模式使用
   outputDir: 'dist', //  生产环境构建文件的目录
   assetsDir: 'static', //  outputDir的静态资源(js、css、img、fonts)目录
   lintOnSave: false,