react跨域http-proxy-middleware配置完接口访问报404

问题描述：
在使用http-proxy-middleware的过程中，使用app.use()配置完代理后，发送请求报404。原因是虽然开启了代理，但是请求的url里多了一个/api/，这时我们需要把多余的/api/去掉，需要使用pathRewrite参数，把/api/设置成空，这时就可以正常跨域访问了

配置文件：

const { createProxyMiddleware }  = require('http-proxy-middleware');
module.exports = function(app){
  //console.log(app)
  app.use(
    createProxyMiddleware('/api', {
      target: 'http://127.0.0.1:8080',
      changeOrigin: true,
      pathRewrite: {
        '^/api': ''
      }
    })
  )
}