博客

新版react16.6中 create-react-app升级版(webpack4.0) 配置http请求跨域问题

但在最新的create-react-app v2升级版(webpack4.0)中，如果proxy不是字符串，并不能这么在 package.json直接配置，会报错！

通过查阅create-react-app的官方文档https://facebook.github.io/create-react-app/docs/getting-started，找到了如下的解决方案。

1. 安装 npm http-proxy-middleware –save

2）：在项目目录src/下新建setupProxy.js文件，然后写入如下代码:
const proxy = require("http-proxy-middleware");  

module.exports = function(app) {
  app.use(proxy("/deng", { 
       target: "http://m.deng.com" ,
       secure: false,
       changeOrigin: true,
       pathRewrite: {
        "^/deng": "/"
       },
    }));
};