Express
我们需要安装 express 和 http-proxy-middleware
文章当前版本为 node v12 "express": "~4.17.1"
"http-proxy-middleware": "^0.20.0"
npm install express http-proxy-middleware
配置多个代理options(使用http-proxy-middleware的通用配置options)
const express = require('express')
const dev = process.env.NODE_ENV !== 'production';
const proxyOptions = {
'/api': {
target: 'http://testgame.quzhuanxiang.com',
pathRewrite: {
'^/api': ''
},
changeOrigin: true,
logLevel: 'debug'
},
'/huyi': {
target: '代理的测试域名/正式域名',
pathRewrite: {
'^/huyi': ''
},
changeOrigin: true,
logLevel: 'debug'
},
}
遍历配置express使用多个跨域代理
const server = express()
// 需要在处理body之前代理,否则可能会有奇怪的问题
if (dev && proxyOptions) {
const proxyMiddleware = require('http-proxy-middleware')
Object.keys(proxyOptions).forEach(function (context) {
server.use(proxyMiddleware(context, proxyOptions[context]))
})
}
配置成功运行,调用跨域url时终端会输出类似这样的信息:
[HPM] Proxy created: /api -> http://testgame.quzhuanxiang.com
[HPM] Proxy rewrite rule created: "^/api" ~> ""
检测到/api的请求,请求最终会变成:
http://localhost:3000/api/service/testApi
=> http://testgame.quzhuanxiang.com/service/testApi
根据proxyOptions配置,url/api
部分会被pathRewrite为''
空字符串
Koa2
koa 是由 Express 原班人马打造,比express更轻一些,所以代理配置上与express基本一样。有很多其他的代理的库都是基于http-proxy-middleware的,我们用这个就行。
我们需要安装 Koa2 、 http-proxy-middleware 、koa2-connect
遍历配置express使用多个跨域代理
const proxyMiddleware = require('http-proxy-middleware');
const k2c = require('koa2-connect');
const Koa = require('koa2')
const dev = process.env.NODE_ENV !== 'production';
if (dev && proxyOptions) {
Object.keys(proxyOptions).forEach(function (context) {
server.use(async (ctx, next) => {
if (ctx.url.startsWith(context)) {
ctx.respond = false;
await k2c(proxyMiddleware(context, proxyOptions[context]))(ctx, next);
}
await next();
})
})
}
另配上一份完整的koa2配置,包括body参数处理,router,session,跨域代理,redis等。
该文使用库的版本"koa-body": "^4.2.0"
"koa-router": "^10.0.0"
"koa-session": "^6.2.0"
"koa2": "^2.0.0-alpha.7"
"koa2-connect": "^1.0.2"
"koa2-cors": "^2.0.6"
const next = require('next')
const Koa = require('koa2')
const KoaBody = require('koa-body')
const cors = require('koa2-cors')
const proxyMiddleware = require('http-proxy-middleware');
const k2c = require('koa2-connect');
const { router, setRedis } = require('./util/routerUtil') // 封装的router处理,api接口等
const session = require('koa-session')
const Redis = require('ioredis')
const RedisSessionStore = require('./util/session-store') // 封装的redis get set destroy等数据处理
// redis
const redis = new Redis()
setRedis(redis);
const proxyOptions = {// 可配置多个代理
'/huyi': {
target: process.env.SERV_ENV === 'release' ? '正式域名' : '测试域名',
pathRewrite: {
'^/huyi': ''
},
changeOrigin: true,
logLevel: 'debug'
},
}
const port = parseInt(process.env.PORT, 10) || 3000
const dev = process.env.NODE_ENV !== 'production'
const app = next({ dev })
const handle = app.getRequestHandler()
app.prepare().then(() => {
const server = new Koa();
let redisStore = new RedisSessionStore(redis);
server.keys = ['KEY'];
const SESSION_CONFIG = {
key: 'dj.sid',
store: redisStore,
prefix: 'dj:sess',
cookie: {
path: '/',
httpOnly: true
}
}
// 允许跨域
server.use(cors());
// 配置session
server.use(session(SESSION_CONFIG, server));
if (dev && proxyOptions) {
Object.keys(proxyOptions).forEach(function (context) {
server.use(async (ctx, next) => {
if (ctx.url.startsWith(context)) {
ctx.respond = false;
await k2c(proxyMiddleware(context, proxyOptions[context]))(ctx, next);
}
await next();
})
})
}
server
.use(router.allowedMethods())
.use(KoaBody())// 使用body参数,注意:要放在use(router)之前处理完参数,再传到router
.use(router.routes()) // 使用api、请求拦截、重定向等等路由操作
.use(async (ctx, next) => {
await handle(ctx.req, ctx.res)
ctx.respond = false
})
server.on('error', (err, ctx) => {
if (ctx) {
ctx.body = {
code: 9999,
message: `程序运行出错:${err}`
}
}
})
server.listen(port, err => {
if (err) throw err
console.log(`> Ready on http://localhost:${port}`)
})
})