用node搭建一个小服务器

首先我们需要准备一个空文件夹，然后用vscode打开

其次我们打开终端，输入如下命令：

npm init
// 只需要输入 package name: (服务器)，其余的一直回车即可

然后安装express

npm i express

接着我们就可以在这个目录中创建一个server.js文件，编写搭建代码

const express = require('express')

const app = express()
// static是我们创建的静态资源目录，用来存放我们打包后的前端文件，比如vue、react等
app.use(express.static(__dirname + '/static'))

// get请求
app.get('/person', (request, response) => {
  response.send({
    name: 'lin',
    age: 20
  })
})

// 监听5005端口
app.listen(5005, (err) => {
  if (!err) {
    console.log('服务器启动成功了')
  }
})

小tips

假设我们用vue写项目，路由配置用的mode是history模式，会发现在前端页面刷新时报错，这是因为history会把路由路径转为/，而不是默认hash的/#/，从而浏览器会把这些路径当成请求路径去发送请求；这个问题得让后端去配合解决，这里我们用node的一个库来解决，叫做：connect-history-api-fallback
npm官网

首先安装

npm i connect-history-api-fallback

然后导入使用，必须放在使用静态资源之前

const history = require('connect-history-api-fallback')