express 搭建一个简单的服务器

最近自己写前端demo，想知道前端中node怎么搭建一个简单的服务器地址（本地）。 express 是一个很好的一个工具。废话不多说直接写步骤：

1. 首先建立一个文件夹例如 server的文件夹
2. 然后通过vscode 打开文件夹 然后打开终端 输入 npm init 初始化一个webpack包，
3. 之后会填写一些列的东西，我只填写了名字就一直回车。
4. 建立好之后就会出现 package.json 和package-lock.json
5. 安装一下express ，npm i express 然后就会出现 node_modules包
6. 建立一个server.js文件 关于server.js文件的代码，我直接展示出来：
7. 最后直接在终端中输入命令 node serve就可以启动服务器了

// 引入express
const express = require('express');
// 使用express
const app = express();
// 使用express 中的一个static方法
// 这个方法主要是加载静态地址的路径
// 这里的public是建立的一个文件夹，
// 和node_modules同级 主要是加载前端打包资源（vue中的 npm run build 之后的 dist里面的东西）
app.use(express.static(__dirname+'/public'))
// 创建一个get请求
app.get('/person',(req,res)=>{
    res.send({
        name:'xiaoming',
        age:22
    })
})
// 监听服务器，8888 是端口，随便自定义 访问就是 localhost:8888
app.listen(8888,(err)=>{
    if(!err) console.log('服务器启动成功')
})

这里记录一个另外的东西，就是，如果自己写的vue demo然后打包之后放到了自己部署的服务器上，这里有一个问题针对如果路由使用的是history模式的话，就会出现页面404 ，解决办法就是引入一个nodejs中间插件 服务器中需要安装一下

npm i connect-history-api-fallback

// 引入express
const express = require('express');
const history = require('connect-history-api-fallback')
// 使用express
const app = express();
app.use(history()) //必须在静态资源路径之前使用一下
// 使用express 中的一个static方法
// 这个方法主要是加载静态地址的路径
// 这里的public是建立的一个文件夹，
// 和node_modules同级 主要是加载前端打包资源（vue中的 npm run build 之后的 dist里面的东西）
app.use(express.static(__dirname+'/public'))
// 创建一个get请求
app.get('/person',(req,res)=>{
    res.send({
        name:'xiaoming',
        age:22
    })
})
// 监听服务器，8888 是端口，随便自定义 访问就是 localhost:8888
app.listen(8888,(err)=>{
    if(!err) console.log('服务器启动成功')
})