react配置反向代理

新版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": "/"
       },
    }));
};

你可能感兴趣的:(React.js)