react新版本配置代理

新学习react

开始配置react跨域的时候

在网上查看到是在packjson.json里面添加如下代码：

1 "proxy": {
2   "/api": {
3     "target": "http://localhost:8080"
4     },
5 }

但是启动项目之后报错：

后来在网上查找错误，发现react新版本不支持那样设置反向代理了

新版本做法

安装 http-proxy-middleware

1 npm install http-proxy-middleware --save
2 yarn add http-proxy-middleware

然后创建setupProxy.js文件，在src目录，src/setupProxy.js

setupProxy.js这样写

1 module.exports = function (app) {
2     app.use(proxy('/api',{
3         target: 'http://localhost:8080',
4         changeOrigin: true,
5         pathRewrite: {
6             "^/api": "/"
7         }
8     }))
9 }

版权声明：本文来源博客园，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://www.cnblogs.com/dropInInt/p/11842147.html
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2019-11-17 12:36:49
阅读 ( 1362 )
分类：

react新版本配置代理

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看