摘要：·比如index接口，去拿到所有的脑筋急转弯的数据。要把这一个接口转成一个接口文档去，方便前台去调用接口地址还有数据。复制到一个文件里面去(api.txt)，然后让Cursor帮我们生成一个接口文档。接口文档说明方便其他人调用。接口文档需要里面有接口地址还有调

第三步，进行前后台对接。

用Cursor去对接API操作很简单。接下来进入课程的最后一步，前后台的API对接。用Cursor去做一个接口已经成功了。

·比如index接口，去拿到所有的脑筋急转弯的数据。要把这一个接口转成一个接口文档去，方便前台去调用接口地址还有数据。复制到一个文件里面去(api.txt)，然后让Cursor帮我们生成一个接口文档。接口文档说明方便其他人调用。接口文档需要里面有接口地址还有调用地址、接口说明、返回值等等。

·让Cursor帮我们生成，让他在doc目录下去生成接口文档，然后回车看一下效果。帮我们生成了一个markdown格式的文档，这样子就把请求参数、响应参数、返回值都有了。确认一下，生成的接口文档是markdown格式。

·需要预览要装一个插件，这个插件Preview装完以后ctrl shift加v来预览一下。这就是他生成的文档效果，这样看上去就一目了然了。

现在已经有了API接口还有接口文档，来看一下接下来要怎么让接口文档进行对接。前端项目在这里，现在这些前端页面是假数据、模拟数据，要把这些模拟数据换成接口的动态数据。进行对接操作，把提示词复制一下，点击ctrl然后粘贴，这里根据需求去改变。

接口文档是在doc目录下，通过指令指定对接的文件pages/index/index.vue，回车看下。这个接口文档就是之前生成的文档，这里可以看到它已经用动态数据去修改了。可以看到这里有两种颜色，红色代表它会被删掉的，绿色是代表它新增的一些代码，点击接受。

现在它已经改成用接口去获取数据这种方式了，来看一下。现在已经是通过接口去拿数据了，这样就进行了前后端的对接操作，所以用Cursor去对接还是非常方便的。只需要定义好接口规范，然后指定要对接哪个文件就可以进行对接。有接口文档也可以这样子通过doc指令加进来也行。

来源：晓加看科技