是否可以在本地运行 vue 生产构建？

Question

我在 vue 项目中使用 npm run build 命令创建了一个 dist 文件夹。我将 dist 文件夹放在 C:xampphtdocs 中，然后启动 apache 服务器在本地测试应用程序。每当我在浏览器中输入 http://localhost/dist/index.html 时，只有一个空白的白色页面。 那么，是否可以在本地运行生产构建？

Answer 1

您的 package.json 中应该有类似的内容

"scripts": {
  "preview": "vite preview",
},

假设您使用的是 Vue3。

另外，serve 是预览 SPA 的一个不错的替代方案，无需 XAMPP服务器。您可以全局安装它，以便将其安装在整个计算机上。

如果你没有Vite（比如在Vue2项目中）或者你想快速预览静态应用，运行的命令是这样的

serve dist

PS：如果您使用的是 Windows，您可能还需要获得管理员权限。