vue项目打包后如何本都部署访问

npm run build生成dist项目后，在windows部署访问。
方式一：
1、新建一个文件夹 进入目录后打开cmd 输入npm init -y
2、输入 npm i express -s 是用于在 Node.js 项目中安装 Express 框架的命令
3、.将项目打包好的dist文件放入其中以及新建一个app.js文件用于运行
4、app.js内容如下
const express = require(‘express’)

const app = express()

const port = 8080 // 自定义端口号（不要与已存在端口冲突）

app.use(express.static(‘./dist’)) // dist 是项目的打包资源路径

app.listen(port, () => console.log(服务器 ${port} 开启成功!))
5、接着在cmd输入运行命令 node .\app.js
6、上诉启动后 输入127.0.0.1:端口号即可访问
缺点，输入其他路由报错，点击按钮可以跳转，不知道怎么解决，直接转入方式二。

方式二：安装nginx
1下载好nginx后解压并配置好环境变量
2将打包的dist文件夹拷贝到html文件夹
3配置nginx配置文件

启动nginx 正常访问