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

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

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

1

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

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

1

2

3

4

5

6

7

8

9

10

11

//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文件,具体代码:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

{

  "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://opqni.baihongyu.com/

你可能感兴趣的文章
Vue异步组件处理路由组件加载状态
查看>>
webapck4 多页面,多环境配置
查看>>
关于 React Router4,你所需要知道的一切
查看>>
前端面试总结
查看>>
JS的节流、函数防抖 原理及使用场景
查看>>
vue2.0做移动端开发用到的相关插件和经验总结
查看>>
网易云音乐接口+vue全家桶开发一款移动端音乐webApp
查看>>
React router动态加载组件-适配器模式的应用
查看>>
Vue中使用px2rem
查看>>
React非嵌套组件通信
查看>>
Websocket 使用指南
查看>>
前端常用插件、工具类库汇总,不要重复造轮子啦!!!
查看>>
基于Vue全家桶制作的的高仿美团APP
查看>>
浏览器兼容性问题解决方案 · 总结
查看>>
一个很棒的Flutter学习资源列表
查看>>
为什么你应该放弃React老的Context API用新的Context API
查看>>
vuex持久化方案探究
查看>>
Koa2 入门实践
查看>>
Flutter 布局控件完结篇
查看>>
Koa2初体验
查看>>