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*/
}));