Ant Design Pro代理接口配置,接口域名更改

Ant Design Pro代理接口配置,接口域名更改

最近在学习Ant Design Pro,感觉界面风格确实不错,但是资料真心不是很多,今天主要说更换代理域名,不用虚拟数据了,用真实数据来做!

网上好多都是根据1.0版本的,2.0版本不怎么一样,防止更多的童鞋浪费时间,下边贡献教程!

1.修改config/config.js中内容(原来是注释的,现在把注释放开 然后把域名改为你的 我的是www.blog.test)

proxy: {
'/server/api/': {
target: 'http://www.blog.test/',
changeOrigin: true,
pathRewrite: { '^/server': '' },
},
},

微信截图_20181030222705.png

2.重启服务 把命令窗口关闭,重新打开后运行

npm start

3.测试是否成功

我这写了一个接口 http://www.blog.test/api/test

然后访问 http://localhost:8000/server/api/test

可以看到到结果如下:

微信截图_20181030222645.png

和直接访问http://www.blog.test/api/test 的结果是一样的! 说明代理成功!

不要去点菜单测试是否切换成功!! 你的菜单都是本地模拟数据,没有走get post请求!!!! 

Ant Design Pro代理接口配置,接口域名更改

喜欢(0)

评论 抢沙发

表情