create-react-app配置跨域

我当前的版本是create-react-app@3.1.2，会根据该版本来进行scss相关的配置。

1.安装http-proxy-middleware

npm install http-proxy-middleware -D

它的作用是用于后台将请求转发给其它服务器，也是是代理。

2.添加setupProxy.js

需要将setupProxy.js配置在src目录下，具体配置文件如下：

const { createProxyMiddleware } = require("http-proxy-middleware");
module.exports = function (app) {
  app.use(
    createProxyMiddleware("/api", {
      target: "http://xxx.com/home.php/", // 目标路径
      changeOrigin: true,
      pathRewrite: {
        "^/api": ""
      }
    })
  )
}

重启项目即可。