1. 新建文件夹demo
2. 用编辑器打开文件夹
3.调出终端,初始化项目 npm init,输入项目名称(英文),一直回车即可
4. 安装express
npm install --save express
5.在package.json同级目录下新建server.js和static文件夹
6.编辑server.js
const express = require('express')
const history = require('connect-history-api-fallback') //用于解决前端url路径跳转没有/#/导致请求后端失败,如果前端路由中 mode配置为hash,这个可以省略
const app = express()
app.use(history)
app.use(express.static(__dirname + '/static'))
app.listen(5005, err=>{
if(!err) console.log('服务器启动成功')
})
上方代码中处理路由路径的插件需要使用下方代码进行安装
npm install --save connect-history-api-fallback
7.将打包好的前端代码放到static文件夹下
8. 在终端执行node server,启动服务器
9.在浏览器中访问:localhost:5005