react的proxy的多级代理配置

最近在学习react，使用cerat-react-app搭建项目，高版本的时候，想自己配置多级代理时遇到了问题，当时查了很多网上的资料都不行，最后解决了，故记录下来
前几步都大概相同，与大家说的一样
1.第一步安装http-proxy-middleware
npm install http-proxy-middleware --save-dev
2.第二步，在src目录下建立setupProxy.js；内容如下：

const proxy = require("http-proxy-middleware");
 
module.exports = function(app) {
  app.use(
    proxy("/api", {
      target: "http://www.baidu.com/",
      changeOrigin: true,
      ws:true,
      pathRewrite:{
        '^/api':''
      }
    })
  );
};

特别注意，就是配置里要有

ws:true,
pathRewrite:{
    '^/api':''
  }

这两项配置，网上都没给，然后自己苦逼的就是代理不过去，后面请教的别的大神加上才解决，希望能帮到各位一起学习的小伙伴，