为什么本地主机调试在使用Http代理中间件后仍然跨源

Question

我想在localhost:3000端口上调试，当开发react应用程序时，我的服务器api地址是admin。实例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代理中间件”：“^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);