本文共 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/