react添加多個域名proxy代理,跨域

在package.json中加入以下:react

 1 {  2   "name": "demo",  3   "version": "0.1.0",  4   "private": true,  5 "proxy": { 6 "/demo": { 7 "secure": false, 8 "target": "http://192.168.10.210:8080", 9 "changeOrigin": true 10 }, 11 12 "/TouTiao": { 13 "secure": false, 14 "target": "http://api.avatardata.cn", 15 "changeOrigin": true 16 }, 17 "/api": { 18 "secure": false, 19 "target": "http://dev.zxxk.com", 20 "changeOrigin": true 21 }, 22  "/ent": { 23 "secure": false, 24 "target": "https://interface.sina.cn", 25 "changeOrigin": true 26 },"/mobile": { 27 "secure": false, 28 "target": "http://mini.eastday.com", 29 "changeOrigin": true 30 } 31 }, 32   "dependencies": { 33     "antd": "^3.15.2", 34     "axios": "^0.18.0", 35     "http-proxy-middleware": "^0.19.1", 36     "jsonp": "^0.2.1", 37     "react": "^16.8.5", 38     "react-dom": "^16.8.5", 39     "react-router-dom": "^5.0.0", 40     "react-scripts": "1.1.1", 41     "react-swipe": "^6.0.4", 42     "swipe-js-iso": "^2.1.5"
43  }, 44   "scripts": { 45     "start": "react-scripts start", 46     "build": "react-scripts build", 47     "test": "react-scripts test", 48     "eject": "react-scripts eject"
49  }, 50   "eslintConfig": { 51     "extends": "react-app"
52  }, 53   "browserslist": [ 54     ">0.2%", 55     "not dead", 56     "not ie <= 11", 57     "not op_mini all"
58  ] 59 }

而後接口部分:
 1  getRuleAction(){  2         var self = this;  3         return axios.post('/ent/feed.d.json?ch=health&col=ent&act=more&t=1484477669001&show_num=10&page=4').then((res) => {  4             console.log("res",res.data.data)  5             if (res.data.status == '1') {  6                 let datalist=[]  7                     this.setState({dataList:res.data.data});  8  }  9         }).catch(function (error) { 10  console.log(error); 11  }) 12 
13 
14     }接口處的、ent要和package.json中的 "/ent": {}一直,即可成功訪問
相關文章
相關標籤/搜索