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 正常访问