ant-design-pro使用服务器数据接口代理配置

因为是新入门antd-pro这个的小白,所以在mock数据和服务器数据切换这里搞了将近2天才弄好,配置如下,供各位初学者参考,如有错误的地方,请大神指出~叩谢!!

下面开始干货:

1、.roadhogrc.mock.js这个文件没有任何修改。

2、.webpackrc.js 文件中添加proxy,如图,马赛克的地方是你自己的服务器地址

ant-design-pro使用服务器数据接口代理配置_第1张图片

 

 

3、services/api.js中调用接口的地方修改为自己的接口名称

ant-design-pro使用服务器数据接口代理配置_第2张图片

4、使用npm run start:no-proxy 启动项目

以上就可以了!!!

PS:接口是代理的,所以requesturl这样是没有问题的,可以正常访问到我们自己的服务器地址。

ant-design-pro使用服务器数据接口代理配置_第3张图片

 

转载于:https://www.cnblogs.com/Cindy-Zhang44/p/9298584.html

你可能感兴趣的:(ant-design-pro使用服务器数据接口代理配置)