【node.js 入门篇】三分钟实现简单服务器功能

提示：前端查漏补缺，仅代表个人观点

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、前期准备

• 安装需要用到的包

// npm 
npm install express

// yarn  
yarn add express
1
2
3
4
5

---

二、实战步骤

1. 新建index.js文件

代码如下（示例）：

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

// 创建服务
app.get("/login", (req, res) => {
        res.send('mock ok!')
})

// 监听服务 
app.listen(3300, () => {
    console.log('服务器运行在3300');
})

1
2
3
4
5
6
7
8
9
10
11
12
13
14

• 在终端运行命令 node index.js,就可以看到下面的结果

当然这里返回的并不是json格式,所以我们可以进一步去实现模拟网络请求，返回指定json格式。

2. 实现返回指定json格式

• 先新建一个admin_login.json文件

代码如下（示例）：

{
    "code": 0,
    "message": "登录成功",
    "data": {
        "token":"admin"
    }
}
1
2
3
4
5
6
7

• 编辑index.js文件

const express = require("express");
const app = express();

// 引入json格式文件
const adminLogin = require("./data/admin_login.json");

app.get("/login", (req, res) => {
        res.send(adminLogin)
})

app.listen(3300, () => {
    console.log('服务器运行在3300');
})
1
2
3
4
5
6
7
8
9
10
11
12
13

• 执行命令 node index.js
• 浏览器访问地址 http://localhost:3300/login?user=admin,你就会得到想要的json返回数据
  
  到了这一步，你就可以模拟网络请求，返回指定json格式，至于负责一点的就之后再逐一讲解。

---

总结

如果你是想在本地环境中，实现和vue项目的模拟请求操作，请参考下方代码进行配置，配置后就不会出现因为跨域问题出现请求失败的情况。

在项目根目录新建vue.config.js文件

//  实现proxy代理

module.exports = {
    devServer: {
        proxy: {
            '/api': {
                target: 'http://localhost:3300',
                changeOrigin: true,
                pathRewrite: {
                    '^/api': ''
                }
            }
        }
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15