我在 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,您可能还需要获得管理员权限。