react新版本配置代理
程序员文章站
2023-08-31 10:44:26
新学习react 开始配置react跨域的时候 在网上查看到是在packjson.json里面添加如下代码: 1 "proxy": { 2 "/api": { 3 "target": "http://localhost:8080" 4 }, 5 } 但是启动项目之后报错: 后来在网上查找错误,发现r ......
新学习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 }
上一篇: 清炒苦瓜能减肥吗,消息究竟可靠吗
下一篇: 春季饮食吃什么?简单易学的都在这里