Antd-Pro2.0版本取消Mock,代理真實服務器
阿新 • • 發佈:2019-03-19
hang 版本 fig 數據 取消 tar class port ref
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的時候,也會去查找代理的服務器
Antd-Pro2.0版本取消Mock,代理真實服務器