nodejs做http请求转发，解决js跨域问题(一)

解决js跨域，常见的方式有下几种

1.JSONP

2.CROS

3.通过中间server做转发

今天我们来讲一下用nodejs来做http请求的转发
需要用到的模块
express、path、http-proxy-middleware
新建一个Proxy目录，在目录里新建一个proxy.js

var express = require('express');
var proxy = require('http-proxy-middleware');
var app = express();
var path = require('path');

app.use(express.static(path.join(__dirname, 'public')));
var targetUrl = "http://xxxx.xxx.xx/";
app.use('/Image/*', proxy({target: targetUrl, changeOrigin: true}));
app.use('/Account/*', proxy({target: targetUrl, changeOrigin: true}));

app.get('/', function (req, res) {
    res.sendFile(path.join(__dirname, 'public/index.html'));
});
app.listen(3000);

在Proxy目录里再新建一个public目录，把HTML，css，js，images等都放到public目录里面

当你访问http://127.0.0.1:3000/的时候，会自动指向public/index.html

你index.html里面发的符合要求的请求（/Image/* 或者 /Account/*）的会自动转发到http://xxxx.xxx.xx/里面

例如index.html里面有个ajax请求
请求地址是http://127.0.0.1:3000/Image/Upload
将会自动转发到http://xxxx.xxx.xx/Image/Upload

function submitText () {
        $.ajax({
                type:'POST',
                url:'/Image/Upload',
                headers:{
                    'Content-Type':'application/json',
                    'Token':'xxxxxxxxxxxxx',
                },
                data:JSON.stringify({'FileName':'1.jpg','Base64Content':document.getElementById("showText").value}),
                success:function(data){
                    console.log(data)
                },
                error:function (err) {
                    console.log(err);
                }
            })
    }

在命令行进入Proxy目录，依次执行命令

npm install path
npm install express
npm install http-proxy-middleware
node proxy.js

浏览器打开http://127.0.0.1:3000/就能访问public目录下index.html了