开发之联调

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

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

怎么去实现前后端接口联调呢？
有些公司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"
        });
      }
    },