IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> nodejs代理请求转发 -> 正文阅读

[JavaScript知识库]nodejs代理请求转发

一、准备

npm install express -g
npm install express-generator -g
express express-node

会生成一个项目文件如下:
在这里插入图片描述
可以安装热更新 nodemon

npm install nodemon -D

修改启动命令:

"scripts": {
    "start": "nodemon ./bin/www"
 },

安装request:

npm install request -S

封装request请求:

在routes文件夹下创建/utils/fetch

const request = require('request');
const baseURL = ''; // 公共路径

/**
 * 封装request请求
 * @url 地址
 * @data 入参
 */
const fetch = {
  get(url, data = {}) {
    return new Promise((resolve, reject) => {
      request(
        {
          method: 'GET',
          url,
          qs: data
        },
        (err, res, body) => {
          if (res.statusCode === 200) {
            resolve(res.body);
          } else {
            reject(err);
          }
        }
      );
    });
  },
  post(url, data = {}) {
    return new Promise((resolve, reject) => {
      request(
        {
          method: 'POST',
          url,
          form: JSON.stringify(data)
        },
        (err, res, body) => {
          if (res.statusCode === 200) {
            resolve(res.body);
          } else {
            reject(err);
          }
        }
      );
    });
  }
};

module.exports = fetch;

请求转发

测试接口 http://localhost:3000/?a=1&b=2
接口返回以下则成功:
{“status”:200,“msg”:“success”,“params”:{“a”:“1”,“b”:“2”}}

var express = require('express');
var router = express.Router();
const fetch = require('./utils/request');

router.get('/', function (req, res, next) {
  // req.qeury: 获取 GET 方式入参
  // req.body: 获取 POST 方式入参
  fetch
    .get('http://localhost:8000/test', req.query)
    .then((result) => {
      const data = JSON.parse(result);
      console.log('response:', data);
      res.json({
        ...data
      });
    })
    .catch((err) => {
      res.json({
        err
      });
    });
});

router.get('/test', (req, res, next) => {
  res.json({ status: 200, msg: 'success', params: req.query });
});

router.post('/post', (req, res, next) => {
  res.json({ status: 200, msg: 'success', params: req.body });
});

router.get('/test/post', function (req, res, next) {
  fetch
    .post('http://localhost:8000/post', req.query)
    .then((result) => {
      const data = JSON.parse(result);
      console.log('response:', data);
      res.json({
        ...data
      });
    })
    .catch((err) => {
      res.json({
        err
      });
    });
});

module.exports = router;

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-03-16 22:12:45  更:2022-03-16 22:13:49 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 6:18:30-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码