1. serve 是一个轻量级的静态文件服务器，非常适合用来本地预览 dist 文件夹中的内容。
全局安装 Serve：npm install -g serve
打包文件：npm run build
使用 serve 启动本地服务器： 在项目的根目录下运行以下命令来启动本地服务器，指定 dist 文件夹：
serve -s dist
访问你的项目： 启动后，serve 会告诉你本地服务器的地址（例如 http://localhost:5000），你可以在浏览器中打开该地址来预览打包后的项目。
2. http-server 是另一个常用的工具来本地预览静态文件。
全局安装 http-server：npm install -g http-server
打包文件：npm run build
启动本地服务器： 在项目根目录下运行以下命令来启动 http-server，并指定 dist 文件夹：
http-server dist
访问你的项目： 默认情况下，服务器会在 http://localhost:8080 上启动，打开该地址就可以在本地预览打包后的项目。
3. 如果你使用 Visual Studio Code，可以通过 Live Server 插件来轻松启动本地服务器。
打开 Visual Studio Code，安装 Live Server 插件。
打包文件：npm run build
在文件资源管理器中，右键点击 dist 文件夹，然后选择 "Open with Live Server"。
它将会在本地启动一个服务器，并自动打开浏览器，预览你的项目。
4. 如果你熟悉 Node.js，也可以通过创建一个简单的 Express 应用来提供 dist 目录的静态文件：
创建 server.js 文件并添加以下内容：
const express = require('express');
const path = require('path');
const app = express();
// 指定 dist 目录为静态文件目录
app.use(express.static(path.join(__dirname, 'dist')));
// 对所有未匹配的路径返回 index.html
app.get('*', (req, res) => {
res.sendFile(path.join(__dirname, 'dist', 'index.html'));
});
const port = process.env.PORT || 3000;
app.listen(port, () => {
console.log(`Server running on http://localhost:${port}`);
});
安装 Express：
npm install express
运行服务器：
node server.js
打开浏览器访问 http://localhost:3000 预览你的项目。
