Ru果你用 VS Code：

当你用 Vue 打包出一个前端项目后会生成一个 静态文件目录，里面包含 HTML、CSS、JS 等资源。这些是纯静态文件，不Neng直接双击 index.html 运行。

你需要启动一个本地 HTTP 服务器来运行它。 用 Node.js 相关的工具

前提：你电脑Yi安装 Node.js

-s 表示 single-page application 模式，所有 请求dou会 fallback 到 index.html

访问：http://localhost:

无需全局安装，一行命令搞定，so easy！你懂的。

💡 Ru果提示 npx: command not found，请先安装 Node.js 哈。

npx serve -s, 秒搞定，完美支持 Vue 项目！咱就是说这招超级实用。

其他可选方案：http-server # 全局安装 npm install -g http-server # 启动 cd dist http-server # 若需支持 Vue Router history 模式，必须加 -P 参数： http-server -P http://localhost:8080

❗ geng推荐直接用 npx serve -s，它对 SPA geng友好。

npx serve -s dist # 或 npx serve -s ./your-dist-folder 🚀 一键脚本

在项目根目录的 package.json 中加个脚本：这样以后直接

{ "scripts": { "preview": "npx serve -s dist" } }

然后运行：npm run preview

VS Code 的 Live Server 插件

: 安装 “Live Server” 插件后在 , 右键 -> “Open with Live Server”。

⚠️ 同样注意： 刷新非根路径页面可Neng会 。 Python ： 有 Python 环境的话，也Neng临时起个静态服务器。 cd your-project/dist python -m http.server

python -m SimpleHTTPServer

⚠️ 注意： Ru果你用了 Vue Router 的 模式，刷新 页面会 。 此时建议改用 或其他支持 fallback 的工具。

对比

方法	是否支持 SPA	是否需要安装	推荐度
npx serve -s	✅ 是	只需 Node.js	⭐⭐⭐⭐⭐
Python server	❌ 否	系统自带	⭐⭐
VS Code Live Server	⚠️,需配置	需插件	⭐⭐⭐
http-server	⚠️,需加参数	需 npm 安装	⭐⭐⭐

✅ 终极建议用 , 秒搞定，完美支持 项目！

说实话，用 serve 就够了其他的kankan就行。哈哈。

---