首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在没有创建-反应-应用程序的情况下配置CRA中的代理?

如何在没有创建-反应-应用程序的情况下配置CRA中的代理?
EN

Stack Overflow用户
提问于 2019-12-22 17:33:43
回答 1查看 858关注 0票数 0

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

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

如何在没有create-react-app的情况下完成相同的配置?

如果有相同的代理来实现与create相同的配置,那就太好了。

EN

回答 1

Stack Overflow用户

发布于 2019-12-22 17:49:11

您可以创建一个与节点一起运行的文件作为代理。如下所示:

proxy.js

代码语言:javascript
代码运行次数:0
运行
复制
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);
  }
});

若要使用此操作,请打开终端并运行:

代码语言:javascript
代码运行次数:0
运行
复制
node proxy.js

请不要在生产中使用这个。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59446556

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档