react中解决跨域

http-proxy-middleware

首选就需要安装http-proxy-middleware

yarn add http-proxy-middleware

npm install http-proxy-middleware

在src目录下创建setupProxy.jsx文件

最后设置代理

app.use(createProxyMiddleware('/api', {
    target: '...',/*这里写自己的代理地址*/
    changeOrigin: true,  /*默认false，是否需要改变原始主机头为目标url*/
    ws: true,
    pathRewrite: { /*重写请求，比如访问的是api，那么请求会被解析成 ‘’*/
        '^/api': ''
    },
    secure: false, /*如果是https接口，就需要配置这个参数为true*/
}));