当前位置: 移动技术网 > IT编程>开发语言>JavaScript > react新版本配置代理

react新版本配置代理

2019年11月12日  | 移动技术网IT编程  | 我要评论
新学习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://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 }

 

 

 

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网