Antd-Pro2.0版本如何修改代理，让Mock变为真实服务器接口

时间：2024-04-11 16:36:29

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的时候，也会去查找代理的服务器

相关文章