react使用http-proxy-middleware遇到的一些小问题

首先通过安装http-proxy-middleware

npm install --save-dev http-proxy-middleware

然后新建js文件进行配置

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

module.exports = function (app) {
    app.use(createProxyMiddleware('/api',
        {
            target: 'http://xxx.xxx.com/',
            changeOrigin: true
        }
    ));
};

配置完成后请求接口，发现接口提示404，请求并不成功

各种找原因，发现这个配置必须是在src目录下，并且js文件命名一定要是setupProxy，重新修改后再次运行发现还是有问题

https://www.jianshu.com/p/fd65a2051bfe

最后在这个地址里发现需要通过npm run eject命令将原本creat react app对webpack，babel等相关配置的封装弹射出来

原本的的目录结构从上面变成了底下的结构，多了个config文件夹

需要注意执行npm run eject的时候很可能会报错

 Remove untracked files, stash or commit any changes, and try again.

 

 新建个git仓库提交一下代码就可以了

git add .

git commit -m "xxx"