Antd-Pro2.0版本如何修改代理,让Mock变为真实服务器接口
2024-09-15 11:02:34
Antd-pro2.0之前更改代理方式
更改.roadhogrc.mock.js
export default {
'GET /api/*': 'http://localhost:8001/',
'POST /api/*': 'http://localhost:8001/',
}
然后启动命令npm run start:no-proxy
即可
2.0前版本的启动命令是:
"start": "roadhog server",
"start:no-proxy": "cross-env NO_PROXY=true roadhog server"
可以看到用到的是roadhog
.而在新版的antd-pro里已经换成了umi
.因此我们可以需要用另一种方式解决。
- 更改config/config.js
更改proxy
配置
proxy: {
'/api': {
target: 'https://youzan.com/' // 服务器地址,
changeOrigin: true,
pathRewrite: { '^/api': '' },
},
},
pathRewrite
可以把路径上的某个字段替换成另外一个字段
然后访问 /api/*
的接口 就能访问到 http://youzan.com/users 的数据.
注意一下,我们的命令变成了下面:
"start": "cross-env APP_TYPE=site umi dev",
"start:no-mock": "cross-env MOCK=none umi dev",
所以启动命令改成npm run start:no-mock
.
当然你使用
npm run start
,当找不到mock对应api的时候,也会去查找代理的服务器
最新文章
- JHChart iOS图表工具库1.0.3新版本详解
- iOS之转场动画
- 如何在tpl模版的div块中加ztree
- request的各种方法大全
- 【JavaEE企业应用实战学习记录】requestListener
- 导入charts开源库到工程里面
- iOS开发笔记7:Text、UI交互细节、两个动画效果等
- Objective-C与C++的区别
- TE.TYCO.AMP/JST 现货资源备份库存表日志记录-2015-04-13
- linux下开发板网络速度测试记录
- JDBC学习总结(二)
- 【IOS学习基础】内存管理
- RH253读书笔记(2)-Lab 2 System Resource Access Controls
- POJ题目(转)
- asm: Writing Inline Assembly
- 201521123087 《Java程序设计》第11周学习总结
- 数据结构--汉诺塔递归Java实现
- 浅谈Await
- 剑指Offer-删除链表中重复的结点
- Android设计开发笔记
热门文章
- MessengerJS
- git提交代码时,Unstaged changes如何过滤.class .log等文件
- jsp与jsp页面间的值传递与接收
- mysql导入本地文件(作业)
- 字节转化为结构体BytesToStruct
- IDEA 创建Web项目
- Qt QML 2D shader
- spring mvc get请求中文乱码问题
- Python 上下文管理协议中的__enter__和__exit__基本理解
- 2018-2019-2 20165316 《网络对抗技术》 Exp6 信息搜集与漏洞扫描