是否可以在本地運行 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，您可能還需要取得管理員權限。