vue-pdf 在内置的 Vue/Flask 应用程序中不起作用

vue-pdf not working in built Vue / Flask app

vue-pdf 当我 运行 Vue 应用程序处于热重载模式时可以工作（我看到渲染的 PDF），但是当我构建项目时，它不起作用（ PDF 未显示），我在控制台中看到错误：

GET http://client.resolutewl.com/bfa0c7848d81ecc3380c.worker.js 404 (NOT FOUND)

运行 Vue 应用程序处于热重载模式时网页的外观：

使用构建代码时的外观（包括错误消息）：

可能相关的链接

我通过添加自定义 Flask 路由来解决这个问题，该路由处理对以 worker.js 结尾的文件的请求，并在正确的文件夹中查找该文件：

from flask import send_from_directory

@<YOUR-BLUEPRINT>.route('/<worker_file_name>.worker.js')
def worker_file(worker_file_name):
    return send_from_directory(os.path.join(<PATH-TO-YOUR-TOP-LEVEL-DIRECTORY>, 'dist'),
                               '{}.worker.js'.format(worker_file_name),
                               mimetype='text/javascript')

发生此问题是因为我的 Flask 应用程序中处理 Vue 应用程序 HTML/JS 的蓝图被配置为在 ./dist/ 中查找模板（包括 Vue 应用程序的 index.html 文件）文件夹，以及 ./dist/static/ 文件夹中的静态文件，这允许 Vue 应用程序工作，但 Flask 配置中没有任何内容告诉它如何处理对 worker.js 文件的请求（worker-loader 创建那些 worker.js 文件并且是 vue-pdf).

的依赖项