express中间件代理实现跨域

时间:2022-03-01 17:34:40

前端代码

var xhr = new XMLHttpRequest();
xhr.open('post', 'http://localhost:3000', true);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
console.log(JSON.parse(xhr.responseText));
}
}
xhr.send('user=admin');

express服务端代码

var proxy = require('http-proxy-middleware');
app.use('*', proxy({
// 代理跨域目标接口
target: 'http://test.aa.com',
changeOrigin: true, // 修改响应头信息,实现跨域并允许带cookie
onProxyRes: function(proxyRes, req, res) {
res.header('Access-Control-Allow-Origin', 'http://www.aa.com');//允许前端跨域的域名
res.header('Access-Control-Allow-Credentials', 'true');
}, // 修改响应信息中的cookie域名
cookieDomainRewrite: 'www.aa.com' // 可以为false,表示不修改
}))