vue项目打包后预览

scripts 添加脚本命令

"preview": "npm run build && vite preview --host",

// 项目中需要安装http-server
// npm install http-server
"scripts": {
  "serve-dist": "http-server dist"
}

使用serve

1. 全局安装serve

npm install -g serve

2. 到dist目录
3. serve 启动服务

serve

使用http-server

1. 全局安装http-server

npm install -g http-server

2. 进入dist目录
3. 启动服务

http-server

注意，http-server 模块的默认端口是8080，如果已经被占用，可以使用以下命令来指定端口。此时，服务器会在8081端口上启动。

http-server -p 8081

部署到 express 服务器上运行

1. 安装 express-generator 生成器

npm install express-generator -g

2. 创建一个 express 项目，（expressDemo是项目名）

express expressDemo

3. 把dist目录下的所有文件复制到 expressDemo 中的 public 文件夹下

4. 进入expressDemo目录，然后安装项目依赖

npm i

5. 依赖安装完成后，启动 expressDemo

npm start

5. 打开浏览器，输入预览地址

http://localhost:3000