如何在没有 create-react-app 的情况下在 CRA 中配置代理？

Question

在create-react-app 中，我可以使用package.json 中的proxy 自动配置代理，如https://create-react-app.dev/docs/proxying-api-requests-in-development/ 中所述

这允许我从不同的端口为我的应用程序提供服务。

如果没有create-react-app，我如何进行相同的配置？

如果使用与 create-react-app 相同的配置来受益于相同的代理，那就太好了。

Answer 1

您可以创建一个文件以与节点一起运行以充当您的代理。像这样：

proxy.js

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

const proxy = httpProxy.createProxyServer({
  secure: false,
  changeOrigin: true,
  target: 'https://someOriginURL.com',
  // could be an IP address target: 'https://XX.XX.XXX.XXX/',
}).listen(3500, () => console.log('Proxy running on port 3500'));

// Intercepts the request 
proxy.on('proxyReq', function(proxyReq, req, res, options) {
  console.log(req);
  // Set the headers of the intercepted request
  proxyReq.setHeader('Origin', 'https://yourorigin.com');
  // remove any headers you want 
  // proxyReq.removeHeader('authorization');

  res.oldWriteHead = res.writeHead;
  res.writeHead = function(statusCode, headers) {
    res.setHeader('Access-Control-Allow-Origin', '*');
    res.oldWriteHead(statusCode, headers);
  }
});

使用这个打开一个终端并运行：

node proxy.js

P.S.：不要在生产中使用它：D