新学习react
开始配置react跨域的时候
在网上查看到是在packjson.json里面添加如下代码:
1 "proxy": { 2 "/api": { 3 "target": "http://www.lhsxpumps.com/_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 }
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!
网友评论