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 此时打开http://localhost:5005/person,如下，说明成功啦！

1.7 然后在根目录下新建static目录，用于存放前端打包好的静态资源文件

1. 静态资源：就是前端通过打包命令（一般为npm run build）打包好的文件，一般存在前端项目的dist目录下
2. 然后将前端dist目录下的文件都放在后端static目录下

 同时，还需要在server.js中加入以下代码，用于识别静态资源

 然后重启服务：node server

1.8 最后打开http://localhost:5005/

• 便可以看到如下页面，说明成功部署