express配置代理

一、安装准备

npm install express --savenpm install http-proxy-middleware --save-dev

现如今前后端分离的开发模式已成为一种趋势，所以前端开发环境搭建是很有必要的。我们可以利用express搭建一个前端的本地开发环境。
前端开发主要为调试界面，前后端接口交互等。express服务器都可以帮我们完成这些。

二、服务启动文件

var express = require('express');var app = express();var proxy = require('http-proxy-middleware');var proxyTable = {    '/api/**': {        target: 'http://app.xiaochina.net',        changeOrigin: true    }}Object.keys(proxyTable).forEach(function(key){    app.use(proxy(key,proxyTable[key]));})app.use(express.static('build'));app.get('/', function (req, res) {    res.send('Hello World!');});var server = app.listen(3000, function () {    var host = server.address().address;    var port = server.address().port;    console.log('Example app listening at http://%s:%s', host, port);});

express搭建web服务器只需要几行代码，简直是简单得不行，express具体用法可参考官网express
服务代理插件http-proxy-middleware

var proxyTable = {    '/api/**': {        target: 'http://app.xiaochina.net',        changeOrigin: true    }}Object.keys(proxyTable).forEach(function(key){    app.use(proxy(key,proxyTable[key]));})

proxyTable 配置代理转发，/api/**表示转发/api下的所有请求，target配置转发目的。
再通过app.use(proxy(key,proxyTable[key]));
这样我们的本地环境请求便可以完成转发到目的服务器了。