使用vue-office-pdf生成pdf

根据提供的引用内容，我们可以得知在使用vue-office-pdf生成pdf时，需要解决跨域问题。解决跨域问题的方法有两种，一种是在本地开发时通过webpack的devServer去代理pdf预览的url，另一种是在其他环境（生成及测试）让后端去解决。

在使用vue-office-pdf生成pdf时，需要先安装vue-office-pdf依赖包。安装命令如下：

npm install vue-office-pdf --save

安装完成后，在需要生成pdf的组件中引入vue-office-pdf，并在template中使用vue-office-pdf组件。具体代码如下：

<template>
  <div>
    <vue-office-pdf :src="pdfUrl" :fileName="pdfName"></vue-office-pdf>
  </div>
</template>

<script>
import VueOfficePdf from 'vue-office-pdf'
export default {
  name: 'PdfPreview',
  components: {
    VueOfficePdf
  },
  data () {
    return {
      pdfUrl: '/aaaa/xxxx.pdf', // pdf文件的url
      pdfName: 'example.pdf' // pdf文件的名称
    }
  }
}
</script>

需要注意的是，pdfUrl需要添加代理的/pdf前缀，具体方法可以参考引用中的描述。