为什么本地主机调试在使用Http-代理中间件之后仍然交叉启动？

Question

我想在localhost:3000端口上调试，当开发一个react应用程序时，我的服务器api地址是admin.example.com，我在项目src/setupProxy.js文件中配置如下：

const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function(app) {
  app.use(createProxyMiddleware('/\/manage\/?$/', 
  { 
    target: 'https://admin.example.com/',
    changeOrigin: true
  }));
};

但当我启动应用程序，仍然给我提示，XHR是交叉的起源。我该怎么做才能让它发挥作用？我是不是遗漏了什么？这是http中间件版本"http-proxy-middleware": "^2.0.1".完整的请求url是：https://admin.example.com/manage/dashboard/overview。

Answer 1

请尝试如下:这是setupProxy.js文件：

const proxy = require("http-proxy-middleware");
module.exports = function(app) {
    app.use(proxy("/manage", { target: "https://admin.example.com/" }));
}

API请求示例：

app.post("manage/login", requireSignIn, Authentication.login);