如何使用 vue-pdf 一个 pdfjs 的 vuejs 实现从受保护端点消费八位字节流
How to consume an octet stream from protected endpoint using vue-pdf a vuejs implementation of pdfjs
我想使用 vue-pdf 库，它是 pdfjs for vuejs 的一个实现 2.x 以执行以下操作
- 使用 axios 从受 oauth2 保护的端点下载 PDF
- 使用 vue-pdf 库渲染 PDF（八位字节流）
棘手的部分是
- 访问受保护的资源
- 呈现八位字节流形式的 PDF
目前回购协议中没有示例来展示这些。
在摆弄库之后，我设法使用以下方法从受保护的端点实现了 pdf 的呈现
- 使用必要的身份验证 header 对受保护资源发出 axios ajax 请求，响应类型为
responseType: 'blob'
- 神奇地 从下载的 blob object
创建一个 URL
- 在数据变量中设置 blob URL，然后由
<pdf> 组件 使用
我已经创建了一个带有工作示例的 Pull Request to the vue-pdf 存储库。在 PR 中，将 axios 请求的 URL 替换为 returns 和 octet-stream 的 REST 端点，你应该一切都好。
生成的 pdf 查看器如下所示
我想使用 vue-pdf 库，它是 pdfjs for vuejs 的一个实现 2.x 以执行以下操作
- 使用 axios 从受 oauth2 保护的端点下载 PDF
- 使用 vue-pdf 库渲染 PDF（八位字节流）
棘手的部分是
- 访问受保护的资源
- 呈现八位字节流形式的 PDF
目前回购协议中没有示例来展示这些。
在摆弄库之后，我设法使用以下方法从受保护的端点实现了 pdf 的呈现
- 使用必要的身份验证 header 对受保护资源发出 axios ajax 请求，响应类型为
responseType: 'blob' - 神奇地 从下载的 blob object 创建一个 URL
- 在数据变量中设置 blob URL，然后由
<pdf>组件 使用
我已经创建了一个带有工作示例的 Pull Request to the vue-pdf 存储库。在 PR 中，将 axios 请求的 URL 替换为 returns 和 octet-stream 的 REST 端点，你应该一切都好。
生成的 pdf 查看器如下所示
