react中配置跨域，以及配置中碰到的坑

如何在react中配置跨域，以及配置中碰到的坑

第一种方式、低版本的react-scripts配置

可以直接在package.json中配置

{
    "name": "music",
    "version": "0.1.0",
    "private": true,
    "proxy":{
        "/api":{
                "target": "http://0.0.0.89:7300"
            },
        ...可做多个配置
    }
}

如果报错When specified, “proxy” in package.json must be a string
版本太高可能不支持
把node_modules/react-scripts删除了 重新安装 npm i [email protected] --save

第二种方式、http-proxy-middleware 插件。

首先安装这个插件

npm install http-proxy-middleware --save
或
yarn add http-proxy-middleware

然后在src目录下创建一个setupProxy.js文件
写入配置

const proxy = require('http-proxy-middleware');

module.exports = function(app) {
  app.use(proxy('/api', { target: &