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