node开启简单服务部署前端页面
1. 具体步骤如下
1.1 新建文件夹：demo
1.2 在这个文件夹根目录执行命令进行项目的初始化：npm init（只有这样才可以使用express），然后ile名字之后一直按回车键即可：
1.3 编写相关代码（在项目根目录新建一个server.js的文件）
const express = require(express)
const app = express()
app.use(express.static(__dirname + /static))
app.get(/person, (req, res) => {
res.send({
name: tom,
age: 18
})
})
app.listen(5005, (err) => {
if (!err) {
console.log(服务器启动成功了)
}
})
1.4 启动服务：node server
在你启动服务的时候可能会有报错，具体信息如下：
意思是找不到“express”模块，此时你可以通过命令下载express模块，
-
全局安装express框架
npm install -g express
-
如果在执行js文件仍报Error: Cannot find module express错误。
解决方法是在自己的项目中再次执行：npm install express
1.5 经过1.4之后
1.6 此时打开,如下，说明成功啦！
1.7 然后在根目录下新建static目录，用于存放前端打包好的静态资源文件
- 静态资源：就是前端通过打包命令（一般为npm run build）打包好的文件，一般存在前端项目的dist目录下
- 然后将前端dist目录下的文件都放在后端static目录下
同时，还需要在server.js中加入以下代码，用于识别静态资源
然后重启服务：node server
1.8 最后打开
-
便可以看到如下页面，说明成功部署
