Antd-Pro2.0版本如何修改代理,讓Mock變爲真實服務器接口

Antd-pro2.0以前更改代理方式

  • 更改.roadhogrc.mock.js

export default { 
  'GET /api/*': 'http://localhost:8001/', 
  'POST /api/*':                   'http://localhost:8001/',
 }

而後啓動命令npm run start:no-proxy便可npm


2.0前版本的啓動命令是:api

"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能夠把路徑上的某個字段替換成另一個字段antd

而後訪問 /api/*的接口 就能訪問到 http://youzan.com/users 的數據.代理

注意一下,咱們的命令變成了下面:code

"start": "cross-env APP_TYPE=site umi dev",
"start:no-mock": "cross-env MOCK=none umi dev",

因此啓動命令改爲npm run start:no-mock.server

固然你使用npm run start,當找不到mock對應api的時候,也會去查找代理的服務器接口

相關文章
相關標籤/搜索