docker - 使用 npm run build 后如何正确查看我的 Vue.js 应用程序

Question

我有一个 Vue.js 应用程序，它在我执行时可以正常运行npm run serve

运行后npm run build，我得到一个“dist”目录，其中包含缩小的 html、css、图像等。

但是，我似乎无法在浏览器中正确查看 html 文件。

我尝试运行一个简单的 python 服务器来提供目录。

python3 -m http.server 8080

但是，这会导致大量的 404 错误并且没有显示任何内容。

在 npm run serve 之后，该应用程序确实可以正常工作。

我错过了什么？

我正在这样做，所以在我的 Dockerfile 中，我可以进行多阶段构建，我只需要推送缩小的文件。

标签： dockervue.js

Answer 1

您可以将npm run start（通常命名以运行构建项目）映射到serve
https://cli.vuejs.org/guide/deployment.html#previewing-locally