vue中使用pdf.js的跨域问题

在使用 vue 中嵌入 pdf.js 时，可能会遇到跨域问题。解决方法是使用 webpack 的代理进行跨域配置。具体步骤如下：

1. 修改 config/index.js 文件中的 proxyTable 配置，加入以下代码：

proxyTable: {
  '/pdfjs': {
    target: 'http://example.com', // PDF.js 所在服务器地址
    changeOrigin: true,
    pathRewrite: {
      '^/pdfjs': '/pdfjs' // 如果 PDF.js 的 URL 不包含 /pdfjs 前缀，则需要将此行修改为相应的前缀
    }
  }
}

2. 在需要使用 pdf.js 的组件中，使用以下代码加载 PDF 文件：

<script>
  import pdfjsLib from 'pdfjs-dist/build/pdf';

  export default {
    data() {
      return {
        pdfDoc: null,
        pageNum: 1
      }
    },
    methods: {
      loadPdf() {
        const loadingTask = pdfjsLib.getDocument('/pdfjs/example.pdf'); // 调用 PDF.js API 加载 PDF 文档
        loadingTask.promise.then(pdf => {
          this.pdfDoc = pdf;
        });
      }
    },
    mounted() {
      this.loadPdf();
    }
  }
</script>

这样就可以解决跨域问题，并加载 PDF 文件了。