react解决跨域问题

react解决跨域问题

react解决跨域，在src文件夹下创建一个 setupProxy.js 文件，
特别注意：在src文件夹下，不是和package.json同目录。
然后将一下代码复制到新建的setupProxy.js文件里

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

module.exports = function (app) {
    app.use(
        '/ajax',
        createProxyMiddleware({
            target: 'https://localhost:8088',
            changeOrigin: true,
        })
    );
};

将你需要跨域的网址放到target里面就行了
http-proxy-middleware这个中间件不需要再次下载
在Create React App官网中说需要下载这个中间件

其实在创建项目的时候就已经有了，不过再下载一遍也没有任何毛病

附送链接：https://create-react-app.dev/docs/proxying-api-requests-in-development

希望对大家有所帮助！！！