在React添加proxy代理，解决跨域问题

1.下载代理插件 http-proxy-middleware

$ npm install http-proxy-middleware --save

2.在src目录下创建setupProxy.js文件

// setupProxy.js
const { createProxyMiddleware } = require('http-proxy-middleware')

module.exports = function(app) {
    app.use(
        createProxyMiddleware('/api', { //`api`是需要转发的请求 
            target: 'www.baidu.com', // 这里是接口服务器地址，我乱填的
            changeOrigin: true,
            pathRewrite: {
                "^/api": ""
            }
        })
    )
}

3.结语

• 和Vue里面配置代理类似，不同的是React需要自行安装插件
• 有一起学习的小伙伴可以去看看我平时搭建的各种项目，传送门：github.com/YYDBBA，喜欢的可以给个star，一起进步