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

• 点赞
• 收藏
• 分享
• 文章举报