react跨域处理

1.在  package.json 文件中处理

旧版本处理

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

新版本处理

因为会提示上图错误，则使用

  "proxy":"http://xxx"

2.安装 cors 包

更改接口允许跨域

yarn add "cors"
//安装后引用

const cors = require("cors")

app.use(cors())

//重启即可

3.手动设置

app.all("*", (req, res, next) => {
  res.header("Access-Control-Allow-Origin", req.headers.origin);
  res.header("Access-Control-Allow-Credentials", true); // ++ 新增
  // 设置可以跨域的请求方法
  res.header("Access-Control-Request-Method", "PUT,POST,GET,DELETE,OPTIONS");
  next();
});