React中跨域的配置

方案一

// create-react-app 版本低于 2.0 时，可以直接在 package.json 中增加 proxy 配置项
"proxy":{
   "/api":{
      "path":"http://127.0.0.1:8888/",
      "changeOrigin":true
   }
}
// create-react-app 版本高于 2.0 时，在 package.json 中只能配置为 string 类型了
"proxy": "http://blog.csdn.net/zlq_csdn",

方案二

修改eject后的config目录下的webpackDevServer.js

// 104行
proxy:{
   '/':{
      target:'http://127.0.0.1:5678',
      changeOrigin:true
   }
}

方案三

在src下创建setupProxy.js

const {
    createProxyMiddleware
} = require('http-proxy-middleware');
module.exports = function (app) {
    app.use(createProxyMiddleware(
        "/api", {
            target: "http://127.0.0.1:3001",
            changeOrigin: true,
            pathRewrite: {
                "^/api": "" // 如果是/api开头的请求全部跳至target对应的地址
            }
        }
    ));
};

// axios.get('/api/getTaskList') 写接口时前面要加api