一、环境

1、安装express

npm i express@4.17.1 // 安装express模块

2、安装nodemon

npm i nodemon -g

3、安装cors

npm install cors --save 或者 npm install cors -D

4、运行命令

nodemon .\test.js

二、代码（话不多说直接上代码）

1、代码结构：

test.html为页面
test.js为服务器端代码
apiRouter为封装的路由模块
2、apiRouter.js

const express = require("express");

const database = require("mime-db");

const router = express.Router();

//导入

const cors = require('cors');

//挂载

router.use(cors({

    origin:['http://localhost:8083'],

    methods:['GET','POST'],

    alloweHeaders:['Conten-Type', 'Authorization']

}));

// 挂载对应的路由

router.get("/get", (req, res) => {

  // 通过 req.query 获取客户端通过查询字符串，发送到服务器的数据

  const query = req.query

 let backData = query.name+'test拼接'

  // 向客户端响应处理的结果

  res.send({

    status: 0, // 0成功，1失败

    code:200,

    msg: "get请求成功！",

    data: backData, // 响应给客户端的数据

  });

});

router.post("/post", (req, res) => {

  // 通过 req.body 获取请求体中包含的 url-encoded 格式的数据

  const body = req.body;

   let backData = body.author+'test拼接处理数据'

  // 调用res.send方法，向客户端响应结果

  res.send({

      status: 0,

      code:200,

      msg: 'POST请求成功！',

      data: backData

  })

});

module.exports = router;

3、test.js

const express = require("express");

// 创建服务器实例

const app = express();

// 配置解析表单数据的中间件

app.use(express.urlencoded({ extended: false }));

// 一定要在路由之前，配置cors中间件，从而解决接口跨域问题

const cors = require("cors");

app.use(cors());

// 导入路由模块

const router = require("./apiRouter");

// 把路由挂载到app实例上

app.use("/api", router);

// 启动服务器

app.listen(8081, () => {

  console.log("server running at http://127.0.0.1:8081");

});

4、test.html

<!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="UTF-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Document</title>

    <script src="https://cdn.staticfile.org/jquery/3.4.1/jquery.min.js"></script>

  </head>

  <body>

    <button id="btnGET">GET</button>

    <button id="btnPOST">POST</button>

    <script>

      $(function () {

        // 测试Get接口

        $("#btnGET").on("click", function () {

          $.ajax({

            type: "GET",

            // url: "http://127.0.0.1:8081/api/get",

            url: "http://10.15.253.205:8081/api/get",

            data: {

              name: "zs",

              age: 30,

            },

            success: function (res) {

              console.log(res);

            },

          });

        });

        // 测试Post接口

        $("#btnPOST").on("click", function () {

          $.ajax({

            type: "POST",

            url: "http://10.15.253.205:8081/api/post",

            data: {

              bookname: "西游记",

              author: "吴承恩",

            },

            success: function (res) {

              console.log(res);

            },

          });

        });

      });

    </script>

  </body>

</html>

效果：

写在最后，简单的node服务器，希望可以帮到大家，

node.js的express模块实现GET和POST请求的更多相关文章

  1. node.js中express模块创建服务器和http模块客户端发请求

    首先下载express模块,命令行输入 npm install express 1.node.js中express模块创建服务端 在js代码同文件位置新建一个文件夹(www_root),里面存放网页文 ...

  2. node.js安装express模块应用服务框架

    1.创建工程文件夹case-04 2.在终端窗口进入文件夹目录,并输入:npm init,并一路回车,最后看到在case-04文件夹里自动生成了package.json 文件 3.打开vscode,进 ...

  3. node.js使用express模块创建web服务器应用

    1.安装express模块 在命令行输入 npm install body-parser --save npm install express --save 2.创建app.js文件 /*应用程序入口 ...

  4. Node.js基于Express框架搭建一个简单的注册登录Web功能

    这个小应用使用到了node.js  bootstrap  express  以及数据库的操作 :使用mongoose对象模型来操作 mongodb 如果没了解过的可以先去基本了解一下相关概念~ 首先注 ...

  5. node.js框架express的安装

    node.js框架express的安装 首先假定你已经安装了 Node.js,接下来为你的应用创建一个目录,然后进入此目录并将其作为当前工作目录. $ mkdir myapp $ cd myapp 通 ...

  6. node.js，express入门看详细篇

    先最简单的代码 安装 npm install express app.js 代码内容 const express = require('express') const app = express() ...

  7. node.js使用express框架进行文件上传

    关于node.js使用express框架进行文件上传,主要来自于最近对Settings-Sync插件做的研究.目前的研究算是取得的比较好的进展.Settings-Sync中通过快捷键上传文件,其实主要 ...

  8. 如何设计一个基于Node.js和Express的网站架构？

    前言 今年七月份,我和几个小伙伴们合伙建立了一个开发团队.业务开展如火如荼的同时,团队宣传就提上了日程,所以迫切需要搭建公司网站出来.确定目标后我们就开始考虑如果构建一个企业网站.先是进行业内调查,看 ...

  9. Code Your First API With Node.js and Express: Set Up the Server

    How to Set Up an Express API Server in Node.js In the previous tutorial, we learned what the REST ar ...

随机推荐

  1. Java 实例 - 读取文件内容

    原文作者:菜鸟教程 原文链接:Java 实例 - 读取文件内容(建议前往原文以获得最佳体验) 按行读取文本文件 import java.io.*; public class Main { public ...

  2. JavaScript 数组(Array)对象的方法

    JavaScript 数组(Array)对象的方法 concat() 描述:用于连接两个或多个数组.该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本. 原型:arrayObject.conc ...

  3. 启动jar包的shell脚本

    在jar包的同级目录新建文件例如:app_jar.sh 然后填写如下内容: #!/bin/bash #source /etc/profile # Auth:Liucx # Please change ...

  4. 在Vue3项目中使用pinia代替Vuex进行数据存储

    pinia是一个vue的状态存储库,你可以使用它来存储.共享一些跨组件或者页面的数据,使用起来和vuex非常类似.pina相对Vuex来说,更好的ts支持和代码自动补全功能.本篇随笔介绍pinia的基 ...

  5. 关于物理机没有VMnet1和VMnet8网卡的问题

    当我们在用虚拟机做实验需要与物理机进行连接时,发现无法连接上,这时候可能是没有Vmnet1或者Vmnet8网卡,又或者是Vmnet1和Vmnet8网卡都没有. 之前试过很多方法,重装.重启虚拟网络编辑 ...

  6. Springmvc 如何配置一个MAVEN项目，eclipse视图详解

    1,首先主页创建一个maven project项目, 2-3,创建完成会报错因为缺少WEB-INF文件右键点击选取,会自动创建web.xml文件 4 ,调试版本 因为默认创建的maven版本不支持,所 ...

  7. 小米路由器3G R3G 刷入Breed和OpenWrt 20.02.2 的记录

    小米 R3G 参数 Architecture: MIPS Vendor: Mediatek Bootloader: U-Boot System-On-Chip: MT7621 family CPU/S ...

  8. Luffy /2/ 后台数据库配置&前台创建配置

    目录 二次封装Response 后台数据库配置 命令操作 pycharm连接 django操作mysql 方式一 方式二 user表设计 前台创建及配置 全局css样式配置 配置文件配置 二次封装Re ...

  9. 【多线程与高并发原理篇：3_java内存模型】

    1. 概述 Java 内存模型即 Java Memory Model,简称 JMM.从抽象的角度来看,JMM 定义了线程和主内存之间的抽象关系,线程之间的共享变量存储在主内存中,每个线程都有一个私有的 ...

  10. XCTF练习题---MISC---stegano

    XCTF练习题---MISC---stegano flag:flag{1nv151bl3m3554g3} 解题步骤: 1.观察题目,下载附件 2.打开发现是一张PDF图片,尝试转换word无果后,想到 ...