开发联调是什么意思,联调和开发的关系

什么是联调呢？
现在的开发基本都是前后端分离的，当后端还没有提供接口的时候，前端需要的数据从哪里来呢，就只能自己造假数据写死了。当后端接口做好后，前端所需要的数据就需要替换成后端提供的数据了。这个时候就需要进行一个前后端的调试，我们会把这个过程叫做前后端接口联调。

为啥需要联调呢？
我们所用的数据都是需要通过数据库提供的数据的，而不是自己写死的。勤恳的电脑去调用后端接口的时候，你可能会发现，有时候后端提供的数据不是你所需要的，跟你写的假数据的格式不一样，那么这个时候就需要跟后端去做适配，来保证这个功能的可运行。

怎么去实现前后端接口联调呢？
有些公司Swagger去做接口文档的，当我们拿到后端的swagger的时候，我们首先去更新接口中swagger自动生成的json文件，然后把包先换到自己的本地文件中先来使用看看是否可以用，当可以使用的时候在把包更新上去给别人用。
当我们更新完包后，接下来就是要在本地项目中调用接口了。
根据swagger地址去src下的providers寻找相应的文件，如果是新建的文件，那么久需要在index.js中导入导出相应的接口。
如果已存在文件则需要写入调用方法的接口如：

// 新增工程 -->方法名为create，传入的参数为dto //createUsingPOST是swagger写到的方法 create: dto => { return HttpClient.ProjectApi.createUsingPOST(dto); },

当接口在本地写完以后就可以在相应的界面使用了。
如：

//首先在本界面导入接口import {labelingSetApi} from "@/providers";// async create(id) { this.isFormLoading = true; let res = await labelingSetApi.create(id); const { code, object, msg, errorMsg } = res.data;//接口中得到的数据 if (code === 0) {//接口调用成功 //赋值 this.formData = object; } else {//接口调用失败，报错提示 this.$notify({ title: "错误", message: errorMsg || msg, type: "error" }); } },