vue预览pdf跨域

在Vue中预览PDF时出现跨域问题，可以通过以下步骤解决：

1. 在开发环境中，可以在vue.config.js文件中添加代理配置来解决跨域问题。在devServer中添加一个代理即可：

   // vue.config.js
   module.exports = {
     devServer: {
       proxy: {
         // 数据接口代理
         '/api': {
           target: 'http://192.168.0.1:8080/api',
           changeOrigin: true,
           pathRewrite: {
             '^/api': ''
           }
         },
         // PDF预览的代理
         '/pdf': {
           target: 'http://192.168.0.2/pdf/data',
           changeOrigin: true,
           pathRewrite: {
             '^/pdf': ''
           }
         }
       }
     }
   }

这样，当访问以`/api`开头的接口时，会代理到`http://192.168.0.1:8080/api`；当访问以`/pdf`开头的接口时，会代理到`http://192.168.0.2/pdf/data`。

2. 如果后台返回的PDF的后缀与请求时的路径不一致，需要在请求路径前添加代理的前缀。比如，后台返回的PDF路径为`/aaaa/xxxx.pdf`，则请求时需要在该路径前添加代理的前缀`/pdf`，即`/pdf/aaaa/xxxx.pdf`。

通过以上配置和路径修改，即可解决Vue中预览PDF的跨域问题。