博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react 设置代理(proxy) 实现跨域请求
阅读量:5961 次
发布时间:2019-06-19

本文共 957 字,大约阅读时间需要 3 分钟。

一,对于使用creat-react-app构建的项目,可以直接在package.json下配置,具体如下

"proxy": "http://api.xxxx.com"

或者如果创建多个域,该如何设置proxy,能满足可以调用不同域下的API的需求?代码如下

//package.json中加入"proxy": {  "/api/RoomApi": {    "target": "http://open.douyucdn.cn",    "changeOrigin":true  },  "/api/v1":{    "target":"http://capi.douyucdn.cn",    "changeOrigin":true  }}

二,对于antd-pro的项目,需要在package.json的同等目录下添加.roadhogrc文件,具体代码:

{  "entry": "src/index.js",  "extraBabelPlugins": [    "transform-runtime",    "transform-decorators-legacy",    "transform-class-properties",    ["import", { "libraryName": "antd", "libraryDirectory": "es", "style": true }]  ],  "env": {    "development": {      "extraBabelPlugins": [        "dva-hmr"      ]    }  },  "externals": {    "g2": "G2",    "g-cloud": "Cloud",    "g2-plugin-slider": "G2.Plugin.slider"  },  "ignoreMomentLocale": true,  "theme": "./src/theme.js",  "proxy": {    "/api": {      "target": "http://api.xxxx.com/",      "changeOrigin": true    }  }}

.

转载地址:http://mbjax.baihongyu.com/

你可能感兴趣的文章
linux的日志服务器关于屏蔽一些关键字的方法
查看>>
事情的两面性
查看>>
只要会营销,shi都能卖出去?
查看>>
sed单行处理命令奇偶行输出
查看>>
VC++深入详解学习笔记1
查看>>
安装配置discuz
查看>>
线程互互斥锁
查看>>
KVM虚拟机&openVSwitch杂记(1)
查看>>
win7下ActiveX注册错误0x80040200解决参考
查看>>
《.NET应用架构设计:原则、模式与实践》新书博客--试读-1.1-正确认识软件架构...
查看>>
2013 Linux领域年终盘点
查看>>
linux学习之查看程序端口占用情况
查看>>
相逢在栀枝花开的季节
查看>>
linux下git自动补全命令
查看>>
Ubuntu14.04LTS更新源
查看>>
Linux报“Unknown HZ value! (288) Assume 100”错误
查看>>
mysql多实例实例化数据库
查看>>
我的友情链接
查看>>
golang xml和json的解析与生成
查看>>
javascript 操作DOM元素样式
查看>>