我们先修改当前的mock数据,增加自定义返回值两个。isAdmin 与 userInfo 2. 保存后我们运行项目进行登录,输入参数与mock数据中一样 username为 admin ,password为 ant.design。并且查看登录接口是否与mock数据一致。 3. 第三步,就是查看返回值,看是否有我们增加两项的返回值。 由此可见,当前mock数据就是我们在登录...
这个接口被单独提取出去放在了根目录下的 services/ant-design-pro/api这个文件中。 我们可以继续深入查看当前接口。 进入当前文件后可以看到,该接口的实际请求地址为:api/login/account 这个地址。其余的大家都清楚,我就不再做一一表述。我们看下当前请求接口:api/login/account 在mock的返回数据是怎样的。 我们打开...
const noProxy = true 保存并刷新网页,发现mock的数据确实没了。然后我在ant-design-pro的package.json中加入了 "proxy": "http://localhost:9000", 以前我用create-react-app也是这么做的,只要node起一个监听9000端口的服务器就可以调试api了,但是在ant-design-pro中这么做好像行不通,fetch的时候总是404。 正...
Mock 数据是前端开发过程中必不可少的一环,是分离前后端开发的关键链路。通过预先跟服务器端约定好的接口,模拟请求数据甚至逻辑,能够让前端开发独立自主,不会被服务端的开发所阻塞。 在Ant Design Pro 中,因为我们底层的工具是 roadhog,而它自带了代理请求功能,通过代理请求就能够轻松处理数据模拟的功能。 二、详细...
Ant Design Pro 5项目初始化后,默认是使用mock模拟数据的,如果我们关闭mock,配置代理访问后端进行数据联调,那么配置方法如下: 修改config目录中的proxy.ts(这里以typescript版本示例,javascript版本也一样)。 将test配置中的内容复制到dev中,然后按照实际情况修改后端链接。
ant design pro (十一)advanced Mock 和联调,一、概述原文地址:https://pro.ant.design/docs/mock-api-cnMock数据是前端开发过程中必不可少的一环,是分离前后端开发的关键链路。通过预先跟服务器端约定好的接口,模拟请求数据甚至逻辑,能够让前端开发独立自主,不会被
1、mock简介 Mock 数据是前端开发过程中必不可少的一环,是分离前后端开发的关键链路。通过预先跟服务器端约定好的接口,模拟请求数据甚至逻辑,能够让前端开发独立自主,不会被服务端的开发所阻塞。 在Ant Design Pro 中,因为我们的底层框架是 umi,而它自带了代理请求功能,通过代理请求就能够轻松处理数据模拟的功能。
pathRewrite: (path) => path.replace(/^\/api/, '') } } } 通过以上的配置,在启动命令中把 mock 给关闭掉MOCK=none umi dev, 重启服务这时页面拿到的数据就是从 easy-mock 拿到额数据了。 子系统打包生产环境 在打包前需要检查一下子系统如下配置是否正确配置 ...
【Ant Design Pro】接口联调 之前开发写代码的时候,所有的数据都是通过接口mock模拟的假数据,当前端的代码编写完毕,后端的接口也已经写好之后,我们就需要把mock假数据干掉,使用后端提供的数据,进行前后端的一个调试,这个过程我们就把它称之为前后端的接口联调。
以前我用create-react-app也是这么做的,只要node起一个监听9000端口的服务器就可以调试api了,但是在ant-design-pro中这么做好像行不通,fetch的时候总是404。 正常情况如下,这是我用create-react-app访问的,create-react-app监听的3000,使用proxy访问的本地9000端口: 可以看出是create-react-app访问成功了 ant-desig...