我在 vue 專案中使用 npm run build 指令建立了一個 dist 資料夾。我將 dist 資料夾放在 C:xampphtdocs 中,然後啟動 apache 伺服器在本機測試應用程式。每當我在瀏覽器中輸入 http://localhost/dist/index.html 時,只有一個空白的白色頁面。 那麼,是否可以在本地運行生產建置?
npm run build
http://localhost/dist/index.html
您的 package.json 中應該會有類似的內容
package.json
"scripts": { "preview": "vite preview", },
假設您使用的是 Vue3。
另外,serve 是預覽 SPA 的一個不錯的替代方案,無需 XAMPP伺服器。您可以全域安裝它,以便將其安裝在整台電腦上。
如果你沒有Vite(例如在Vue2專案中)或是你想快速預覽靜態應用,運行的命令是這樣的
serve dist
PS:如果您使用的是 Windows,您可能還需要取得管理員權限。
您的
package.json
中應該會有類似的內容假設您使用的是 Vue3。
另外,serve 是預覽 SPA 的一個不錯的替代方案,無需 XAMPP伺服器。您可以全域安裝它,以便將其安裝在整台電腦上。
如果你沒有Vite(例如在Vue2專案中)或是你想快速預覽靜態應用,運行的命令是這樣的
PS:如果您使用的是 Windows,您可能還需要取得管理員權限。