如何在CRA v2中将代理值从package.json移动到setupProxy.js？

Question

Since recently released CRA (Create React App) v2 it's now possible to move proxy settings from package.json to setupProxy.js . My question is a simple one: how should my setupProxy.js look like if I simply want to always use http://127.0.0.1:5000 ? I need this because if everything works correctly (no luck so far) I can replace it with variable from .env files for dev/prod environments. But so far I only get either a or b:

a) CORS errors

b) my app's index.html is returned as a result of http request

Here's an example of one of the versions of setupProxy.js I tried:

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

module.exports = function(app) {
  app.use('/', proxy({target: 'http://127.0.0.1:5000', changeOrigin: true}));
  app.use('/*', proxy({target: 'http://127.0.0.1:5000', changeOrigin: true}));
  app.use(proxy({'/', target: 'http://127.0.0.1:5000', changeOrigin: true}));
  app.use(proxy({'/*', target: 'http://127.0.0.1:5000', changeOrigin: true}));
};

I tried various versions of app.use line, I just posted several examples here.

I usually tried with one app.use line at a time, but also with multiple lines.

I restarted react app everytime I changed the file.

I also tried using process.env.REACT_APP_BACKEND_BASEURL instead of 'http://127.0.0.1:5000' which is my final goal.

Answer 1

所以尝试

app.use(proxy('/**', { target:'http://127.0.0.1:5000', changeOrigin: true }))

Answer 2

如果我没记错，使用setupProxy.js仅对本地开发setupProxy.js ，但我也需要它在实时/部署服务器上工作，因此我最终根本不使用setupProxy.js我将其他后端URL保存为REACT_APP_BACKEND_BASEURL在不同的变量.env文件（loclahost URL .env.development文件，并在远程URL .env.production文件），并取代了前端JavaScript代码来使用所有出现process.env.REACT_APP_BACKEND_BASEURL 。