react中跨域http-proxy-middleware中间件

因为react没有像vue一样提供内置的代理，所以需要自己手动安装http-proxy-middleware插件，

npm i -D http-proxy-middleware

配置文件名src/setupProxy.js

const {createProxyMiddleware} =require('http-proxy-middleware')
module.exports=function(app){
    app.use(
        createProxyMiddleware('/api',{ // api 是需要转发的请求（所有带/api 前缀的请求都会转发给5000）
            target:'http://localhost:5000', // 配置转发目标地址（能返回数据的服务器地址）
            changeOrigin:true, // 控制服务器接收到的请求头中host字段的值
            //  changeOrigin 默认值为false 但我们一般将changeOrigin值设为true
            pathRewrite:{'^/api':''} // 去请求前缀，保证交给后台服务器是正常请求地址（必须配置）
        }),
       
    )
}