[ant-design/ant-design-pro]dev下接口mock和服务器proxy配置共存

2024-08-29 359 views
8

针对一个接口,是否能支持如果配置有mock则使用mock数据,如果没配置mock则通过proxy配置调用开发服务器数据(已配置proxy)?

回答

8

默认就是这样的吧 "start": "cross-env ESLINT=none roadhog dev",

9

并不是,如果.webpackrc.js配置了proxy,则mock配置会被忽略,始终走代理调用

3

不使用 webpackproxy,而是在 .roadhogrc.mock.js 文件的最后添加转发规则即可

'POST /api/(.*)': 'http://localhost:7001/api',
9

@F-loat '/api/(.*)': 'http://localhost:7001/api',

试了一下可以,但无法省略POST来同时支持POST, 需要单独配置一条 '/api/(.*)': 'http://localhost:7001/api', 'POST /api/(.*)': 'http://localhost:7001/api',

2

@jackxiaodev 通过 header 来传递 token 更好一点吧

7

@F-loat proxy设置可以加header?麻烦告知如何备置,在.webpackrc.js的proxy设置如下 proxy:{ "/api":{ target: 'http://api.com/api', changeOrigin:true, pathRewrite:{"^/api/":""}, } }

4

直接在请求的时候加head不行吗,

6

@yoyo837 这个方法是正确的,需要根据post和get单独设置

5

@mushroomlb OK, 如果没有更推荐的做法,那分别按方法设置代理就是最佳实践了。

6

不写方法名理论上是对所有方法都生效? roadhog#mock