react处理跨域

如果是新建的react项目，没有将webpack的配置文件释放出来的话，请先运行

npm run eject

根目录会出现config文件夹，找到path.js就可以看到proxy的配置，默认读取的是src/setupProxy.js

那么我们可以在src目录下新建setupProxy.js，配置如下

const { createProxyMiddleware } = require('http-proxy-middleware');
module.exports = function (app) {
    app.use(
        createProxyMiddleware('/api', {// 使用 /api 前缀代理配置
            target: 'http://192.168.21.57:8057',// 跨域地址
            changeOrigin: true,//是否允许跨域
            pathRewrite: {
                '^/api': '/'
            }
        }),
    )
}