建立 http-proxy 以支持我对远程非 CORS 服务器的 Angular 请求答案

【问题标题】：Establish http-proxy to support my Angular requests to a remote non-CORS server建立 http-proxy 以支持我对远程非 CORS 服务器的 Angular 请求
【发布时间】：2017-11-21 12:12:38
【问题描述】：

我开发了一个 Angular 1.6 单页应用程序，它由 静态快速服务器 提供服务。

Angular 应用程序应该将异步请求发送到我无法控制的远程服务器。

不幸的是，这个远程服务器没有正确响应 Angular 预检 OPTIONS 请求 - 因此 Angular 拒绝发送实际请求，因为远程不完全支持 CORS。（远程服务器是 Jira 服务器实例，问题已知但仍未解决）。

所以我决定尝试将请求代理到远程服务器，并确保 Angular 只与代理服务器通信，代理服务器正在向远程发送请求并返回远程服务器的响应和 使其与 CORS 完全兼容。

简而言之：

调用节点服务器 -> Angular 请求 -> 节点 Http 代理 -> 远程服务器

远程服务器响应 -> 节点 Http 代理（丰富 CORS） -> Angular

这是我目前所得到的，但由于我绝对不是节点/快递专业人士，我不明白为什么我没有得到任何答案 - 我什至不知道如何正确调试它。

我以我理解的方式对代码进行了注释。

const express = require('express');
const httpProxy = require('http-proxy');
const http = require("http");
const path = require("path");
const app = express();
const bodyParser = require('body-parser');

var proxyOptions = {
    changeOrigin: true
};

httpProxy.prototype.onError = function (err) {
    console.log(err);
};


// this should create the node http proxy server on port 3001
var apiProxy = httpProxy.createProxyServer(proxyOptions).listen(3001);

// I can see the following output when deploying my app
console.log('Forwarding API requests to ' + apiForwardingUrl);

// all incoming / requests on node server should be forwarded to Angular single page app's index.html
app.get('/', function(req, res) {
  res.sendFile(__dirname + '/index.html');
});

// providing static files for Angular app
app.use("/static", express.static(path.join(__dirname, "static")));

// all incoming requests to /jira/* should be forwared and responded by node http proxy server 
app.all("/jira/*", function(req, res) {
    apiProxy.web(req, res, {target: 'www.example.com'});
});

// make sure POST requests to node http proxy server are fully supported
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({
    extended: true
}));

// Create node server on port 3000
http.createServer(app).listen(3000);

【问题讨论】：

可以使用console.log()进行调试。
代码看起来是对的，它应该可以工作。我不确定更改原点部分。请向我们提供您所面临的具体错误。是在 nodejs 部分，还是 cors 问题仍然存在。如果代理工作正常，您应该不会有任何 cors 问题，因为您在同一个域上请求。
谢谢 - 这是一个艰难的过程 :-( 至少对我来说。

标签： javascript angularjs node.js express node-http-proxy

【解决方案1】：

我想我现在发现了问题：

当我查看“targetURL”时，当我 console.log 时，它是“www.example.com”。但是 http-proxy 似乎将 req.originalURL 附加到它（基本上是完全正确的）：

www.example.com/jira/somestuff // when I call /jira/somestuff from Angular

但是： URL 的 /jira/ 部分只是为了区分代理调用和非代理调用。

所以正确的 URL 需要是 www.example.com/somestuff。

我现在尝试了几种方法来更改 targetUrl、req.originalUrl 等来解决这个问题 - 到目前为止都没有成功。

所以我用这个丑陋的解决方案成功地测试了它，我的下一个问题是关于 SSL，但显然他连接了：

app.all("/jira/*", function(req, res) {
    req.originalUrl = req.originalUrl.slice(5);
    apiProxy.web(req, res, {target: apiForwardingUrl});
});

【讨论】：