React解决跨域问题

1 package.json里面添加代理

 proxy: {
    	'/api': {
            target: 'http://localhost:5000/', // 后台服务地址以及端口号
            ws: true,
            changeOrigin: true, //是否跨域
            pathRewrite: { '^/api': '' }
          }
     },

2 配置多个代理
在项目目录src/下新建setupProxy.js文件，然后写入如下代码

const proxy = require(‘http-proxy-middleware‘);
 
module.exports = function(app) {
  app.use(proxy(‘/api‘, { 
       target: ‘http://localhost:5000/‘ ,
       secure: false,
       changeOrigin: true,
       pathRewrite: {
        "^/api": "/"
       },
       // cookieDomainRewrite: "http://localhost:3000"
    }));
};