react-app-rewired + customize-cra下 http-proxy-middleware跨域没有任何作用

Question

按照如下步骤添加的文件

一：安装http-proxy-middleware：npm i http-proxy-middleware --save-dev

二：在src/目录下新建文件setupProxy.js

setupProxy.js:

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

module.exports = function(app) {
  app.use(createProxyMiddleware('/api', {
    target: 'http://localhost:3001/',
    changeOrigin: true,
    // pathRewrite: {
    //   '^/api': ''
    // }
  }))
}

Answer 1

这个问题很简单我最近也遇到了，你解决的话麻烦告诉我一声，还有 react里面的formMateItem属性里面怎么设置可以修改输入框的默认值设置为null

Answer 2

这个也是困扰了我两小时，我一开始一直把重心放在setupProxy文件了，后面才发现是因为换了启动脚本，react-scripts 内有解析 resolveApp("src/setupProxy")，但是 react-app-rewired 内没有，所以我们需要手动在 config-overrides 文件中添加devServer:overrideDevServer(跨域配置函数)