猿问

ant-design-pro 如何使用本地服务器api,不使用mock

ant-design-pro中使用了mock,我想不使用mock,测试我本地用nodejs起的api服务器。


我在.roadhogrc.mock.js中禁掉了mock


// 是否禁用代理

// const noProxy = process.env.NO_PROXY === 'true';

const noProxy = true

保存并刷新网页,发现mock的数据确实没了。然后我在ant-design-pro的package.json中加入了


"proxy": "http://localhost:9000",

以前我用create-react-app也是这么做的,只要node起一个监听9000端口的服务器就可以调试api了,但是在ant-design-pro中这么做好像行不通,fetch的时候总是404。


正常情况如下,这是我用create-react-app访问的,create-react-app监听的3000,使用proxy访问的本地9000端口:

https://img4.mukewang.com/5ca56d320001409607180208.jpg

可以看出是create-react-app访问成功了

ant-design-pro的情况如下,ant-design-pro监听的8001端口,也使用proxy访问的本地9000端口:
https://img2.mukewang.com/5ca56d3d0001fe7e07640042.jpg

https://img3.mukewang.com/5ca56d3d00011b9d05100218.jpg

ant-design-pro请求失败了,我保证api没错,api测试如下。

https://img4.mukewang.com/5ca56d3f0001b47608000378.jpg

请问我该如何使用本地服务器api,而不使用mock。
感谢大神们帮忙!!!


富国沪深
浏览 4013回答 6
6回答

蓝山帝景

直接把package.json里的proxy去掉,把你要访问的api地址写成localhost:9000/url

狐的传说

可否部分mock部分走真实的?
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答