dynamic-http-proxy v1.0.3

dynamic-http-proxy

动态代理http请求。
我更喜欢叫万能代理，一个中间件在手，哪个地方的请求都可以有

示例

服务端: express：

import express from "express"
const createProxy = require("dynamic-http-proxy").default

const app = express();
app.use("/proxy", createProxy({
    pathRewrite: {
        '^/proxy': ''
    }
}))

app.listen(6006, function () {
    console.log("listening at 6006");
})

前端: fetch调用：

GET请求: 天气

fetch("/proxy/api/weather/city/101030100", {
      headers:{
         __proxy__: "http://t.weather.sojson.com",      

      }
})
.then(res=> res.json())
.then(d=>console.log(d))

POST请求: 博客园子分类

fetch("/proxy/aggsite/SubCategories",{
  "method": "post",
  "headers": {
    "content-type": "application/json; charset=UTF-8",
    "__proxy__": JSON.stringify({
      "target": "https://www.cnblogs.com"
    })
  },
  "body": JSON.stringify({
    "cateIds": "108698,2,108701,108703,108704,108705,108709,108712,108724,4"
  })
})
.then( res=> res.text())
.then(d=>console.log(d))

配置

createProxy(config?: httpProxy.Config, propertyKey?: string)
config：
参照 http-proxy-middleware#http-proxy-options
默认配置：

{
  changeOrigin: true,
  logLevel: "debug",
  secure: false,
  followRedirects: true  
}

propertyKey:
从headers中 读取代理配置的属性名

注意

1. 该包"peerDependencies": { "http-proxy-middleware": "*" } 什么意思呢，就是你需自行安装http-proxy-middleware
2. __proxy__ 如果是以http:, https:或者ws:开头，会认为是target的设置。
   如果除了设置target属性，其他属性不需要设置时， 这样可以写更少的代码。
3. express在初始化中间件时，可以指定默认的target

app.use("/proxy", createProxy({
    target: 'http://aaa.bbb.com'
    pathRewrite: {
        '^/proxy': ''
    }
}))