react项目的跨域处理

1. 下载依赖包

npm i http-proxy-middleware --save

2. 在src根目录下新建stupProxy.js 文件

stupProxy.js

const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function (app) {
    app.use(
        createProxyMiddleware('/api', {   // 匹配所有带'/api'的接口地址进行代理转发
            target: 'http://xxx',  // 代理地址
            changeOrigin: true,
            pathRewrite: {
                '^/api': ''  // 将请求地址中的'/api'重写为空再请求接口（也就是去掉/api）
            }
        })
    )
}

3. 我们在项目中的要转发的接口都加上'/api'，这样代理配置就可以匹配到我们的接口了，这样我们就完成了项目接口的跨域处理！