http-proxy-middleware React Python Flask 未按预期工作

http-proxy-middleware React Python Flask not working as intended

我正在为 frontend 使用 React,为 backend 使用 Python Flask - 我是 React 的初学者。

我已经用 setupProxy 设置了 React; React 服务器和 Flask 服务器都在 HTTPS 中设置,带有 CA 签名证书

我的http-proxy-middleware配置如下

const proxy = require('http-proxy-middleware');

module.exports = function(app) {
    app.use( proxy( '/api/**', { target: 'https://example.com:5000/', logLevel: 'debug', changeOrigin: true } ));
}

当我从 React 调用 api /api/login 时,它应该转到 https://example.com:5000/api/login 但是,此调用发送到 https://localhost:5000/api/login

此处可用的证书属于 example.com,我收到以下错误

[HPM] Error occurred while trying to proxy request /api/login from mydomain.com to https://localhost:5000 (ERR_TLS_CERT_ALTNAME_INVALID) (https://nodejs.org/api/errors.html#errors_common_system_errors)

React 和 Flask 服务器现在都在同一台服务器上

我如何正确配置 http-proxy-middleware 才能达到 example.com:5000 而不是 localhost:5000?

2020-08-24 我已完成以下操作,但仍然无法正常工作

  1. 为同一台机器定义一个新的 dns 名称并将 flask 重定向到 新名称
  2. 更改了机器的主机名

中间件代理如何、在何处以及为何将 example.com 更改为 localhost 仍然是个谜

我已将其作为问题发布在 github 上,并得到了以下回复。

我们需要设置环境变量;如果我们不设置,则默认设置 localhost

您可以在此处查看更多信息 https://github.com/chimurai/http-proxy-middleware/issues/464