1.创建文件夹,并使用vscode打开
2.控制台输入如下命令,使其变为一个合法包:
npm init
3.输入名字回车后,后面可不配置,一路回车就可
4.控制台输入如下,安装express
npm i express
5.新建服务器主文件 server.js
6.编辑server.js (注:此处不能使用ES6模块化而是commonjs模块化关键字require)
const express = require('express')
const history = require('connect-history-api-fallback');
const app = express()
app.use(history()) //必须在静态资源前引入
app.use(express.static(__dirname+'/static'))
app.get('/person',(req,res)=>{
res.send({
name:'tom',
age:18
})
})
app.listen(5000,(err)=>{
if(!err) console.log('服务器启动成功了!')
})
7.创建static静态资源文件夹自建index.html或导入自己打包好的项目
8.输入node server 启动服务器
注:此处引入了npm中的connect-history-api-fallback来解决history路由的网络请求问题,还需要控制台输入如下代码:
npm i connect-history-api-fallback