使用 npm run build 后如何正确查看我的 Vue.js 应用程序
Posted
技术标签:
【中文标题】使用 npm run build 后如何正确查看我的 Vue.js 应用程序【英文标题】：How can I correctly view my Vue.js app after using npm run build 【发布时间】：2021-04-11 09:04:08 【问题描述】：我有一个 Vue.js 应用程序，当我执行 npm run serve 时它可以正常运行
运行npm run build 后，我得到一个“dist”目录，其中包含缩小的 html、css、图像等。
但是，我似乎无法在浏览器中正确查看 html 文件。
我尝试运行一个简单的 python 服务器来为目录提供服务。
python3 -m http.server 8080
但是，这会导致大量的 404 错误，并且没有显示任何内容。
应用程序在 npm run serve 后可以正常工作。
我错过了什么？
我正在这样做，所以在我的 Dockerfile 中，我可以进行多阶段构建，我只需要推送缩小的文件。
【问题讨论】：
【参考方案1】：您可以将npm run start（运行构建项目的常用名称）映射到servehttps://cli.vuejs.org/guide/deployment.html#previewing-locally
【讨论】：
以上是关于使用 npm run build 后如何正确查看我的 Vue.js 应用程序的主要内容，如果未能解决你的问题，请参考以下文章
npm run build 打包后，如何运行在本地查看效果（Nginx服务）
npm run build 打包后（直接打包白屏），如何运行在本地查看效果（Apache服务）
命令“npm run build”没有在 VueJS 项目上创建正确的构建