(Node) 借助express搭建微型服务器

环境安装

建立 package.json

进去cmd命令行

npm init

# 一些配置信息如：名称，版本号，作者名，关键词等等
# 输入名称 这里我填写了 包名和作者名
package name: (demo)
author:

然后会生成一个package.json文件

package.json文件内容

{
  "name": "test_server",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "cubelian",
  "license": "ISC"
}

更多资料：第三章 npm 创建项目

安装 express

npm i express

生成 package-lock.json node_modules

创建服务器主文件和静态资源包

Code

完整代码

// 用 require 引入 express
const express = require("express");

// 创建一个 app 服务实例对象
const app = express();

// 使用一个中间件，专门用来启动静态资源
app.use(express.static(__dirname + "/static"));
// 默认启动index.html
// 或指定文件：http://localhost:5000/demo.html

// 监听每次的访问
app.use((request, response, next) => {
	console.log('有人请求了5000服务器');
	console.log('请求来自于', request.get('Host'));
	console.log('请求的地址', request.url);
	next();
})

// 配置一个后端路由
app.get("/person", (reqest, response) => {
    const person = {
        message: true,
        data: [{
            name: "Tom",
            age: 18
        }, {
            name: "Jerry",
            age: 20
        },
        ],
    };
    // 给客户端返回东西
    response.send(person);
});

// 端口监听
app.listen(5000, (err) => {
    if (!err) {
        console.log("端口5000服务器启动成功! 地址为：");
        console.log("http://localhost:5000");
    } else {
        console.log("服务器启动失败！");
    }
});

启动服务器

进入cmd

# node 文件名(后缀可有可无)
node min-server

这里的5005是我之前打错，上方代码已修改

访问

访问默认

http://localhost:5000/

http://localhost:5000/index.html

访问指定文件

http://localhost:5000/demo.html

请求资源

http://localhost:5000/person

监听到的访问来源

关闭

CTRL + C 或直接关闭命令行

---

---

---

参考资料：尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通 133_尚硅谷Vue技术_history模式与hash模式

END