用nodejs的express快速搭建一个本地服务器

我用的是vscode

首先我们创建一个工作目录，然后在这个目录下的终端输入 npm init 回车初始化一下项目，然后这个packge name是包名，你们自己取一个名就好了，version和description直接回车用默认值就行了。

正常的话你们就会看到这个画面，

 然后再 npm i express 安装一下express

然后在根目录新建一个主文件 server.js

 

 写好代码

// 引入express
const express = require('express')
// 获取服务实例对象
const app = express()

// 随便配置一个后端路由
app.get('/person',(req,res)=>{
    res.send({
        name:'zhangsan',
        age:18
    })
})

// 监听端口
const port=5500
app.listen(port,err=>{
    if(!err) console.log('服务器启动了！,服务端口是'+port)
})

 然后 node server 启动服务期，正常看到这个输出就没问题了。

 输入路径可以获取到数据就说明我们搭建成功了，这个服务器默认是不能返回静态文件的。

 然后怎么把这个服务器变成可以返回静态资源的服务器呢

 

首先我再根目录新建了static文件夹用来存放静态文件，里面新建一个html里面写了 哈哈哈

然后利用express.static的方法，__dirname变量表示获取当前模块文件所在目录的完整绝对路径，然后再拼上我们我的静态目录文件名，然后ctrl + c 停止服务器，再node server再重启服务器就可以了。

 现在我们就可以访问到index.html了

 我们的vue项目编译后的代码也可以直接扔进static里，可以代替nginx，做一个小的静态资源服务器是非常方便的！