前端需要根据后台给出的Swagger 来将一个个的接口手动输入到项目中,然后在去对应页面去调用使用。 新做法 在新的做法中,前端接入了Typescript强类型,所以我们在之前老的接口上还需要给接口加上类型,参数类型已经返回类型等,所以对前端来说,又是一个很高的维护成本。 并且还需要维护大量的接口文件。 做为一个优秀的...
简介:【Ant Design Pro】使用ant design pro做为你的开发模板(四) 联调正式后台接口与运行时全局配置 在第三章节中,我们联调后台管理系统,因为后台服务接口没出来,所以我们使用的mock模拟数据来联调,这时候假如我们的正式后台接口出来了,我们的pro模板应当如何联调正式的后台管理系统呢? 关闭mock数据 正式联调后台接口...
首先判断接口状态是否是200,如果不是200 ,那就证明我的接口请求有问题。 有问题我们就抛出异常: 您的网络发生异常,无法连接服务器! 如果接口状态正常,那么这时候我们就继续需要判断,接口内部定义的状态码。 也就是说是后台给我们的接口状态码是不是200.上述只判断了非200 .如果全部正常则正常抛出到页面。 我们首先...
1、vue.config.js (后台使用phalapi) devServer: {//development server port 8000port: 8000, // TODO api proxy 关于api请求代理: 如果期望启用代理,请删除mockjs的配置 mockjs /src/main.js proxy: {'/api': {target: 'http://127.0.0.1:8082/phalapi/public/', ws:false, changeOrigin:true, //开...
Ant Design Pro 使用系列 文章目录 前言 什么是请求接口 老的做法 新做法 openapi 在前端的作用是什么呢? 如何使用 前言 在之前的处理中,我们的项目 模板到目前为止已经基本具备了大多数...
Ant Design Pro V5 开发时使用后台服务数据 Ant Design Pro提供了Mock数据,默认在开发的时候调用的是mock的数据,这种对于前后端分离的开发很方便,只要前后端 约定好接口格式,可以按照自己的进度进行,不用相互等待。 不过如果是一个人前后台打算一起弄,并且同步推进的,想实时看到效果的,每个都弄个Mock的json出来也...
Ant Design Pro 内置了 umi,umi 使用了 webpackdevServer来支持代理。 你只需要在 config.js 中配置 proxy 属性。只要 proxy 和 mock url 不同,是可以共存的。 proxy:{ '/admin/': 'http://127.0.0.1/admin_kanzh/public/index.php', //这是的意思是只要前端的接口是以“ /admin”开头的,都指向到该...
一、大概记录下流程,理解前提,基本熟悉框架Ant Design Pro框架 二、 image.png 以上图结构为例 1.service文件夹下注册并请求api接口: image.png 注意方法名,第二步会用到。 2.models文件夹下调用请求api方法并保存初步处理数据等: image.png image.png ...
“提交”就是把输入的搜索信息提交到后台获取到列表数据,但是每个页面的搜索接口不一样,数据处理或许也有区别,所以我们把提交方法抛出来,用的时候把方法传入就可以。 “重置”就是还原数据,重置搜索条件,清空搜索框,显示默认列表数据 “一不定”:输入条件不一定,条件个数不一定,不过输入条件一般就是输入名称搜索、或...
简介:【Ant Design Pro】使用ant design pro做为你的开发模板(三) 接入mock数据做持续开发 接上文,在一个项目中,除过基础的增加页面之外,我们紧跟着就是要数据联调,可是当后台还没有给出正式接口的时候,前端难道要停止开发等待后台接口吗?答案是否定的!这时候前端需要的是mock数据。也就是传说中的假数据,只不过...