Ist es möglich, einen Vue-Produktions-Build lokal auszuführen?

Question

Wenn ich npm run build 命令创建了一个 dist 文件夹。我将 dist 文件夹放在 C:xampphtdocs 中，然后启动 apache 服务器在本地测试应用程序。每当我在浏览器中输入 http://localhost/dist/index.html in meinem Vue-Projekt verwende, gibt es nur eine leere weiße Seite. Ist es also möglich, einen Produktions-Build lokal auszuführen?

Answer 1

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

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

假设您使用的是 Vue3。

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

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

serve dist

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