16. 尚硅谷_Mpvue_搜索图书接口完成

好，我们接着上节课来继续啊，上节课呢，我们是利用了QA去简单的去搭一下这个服务器，并且把它运行起来，然后呢，通过我们的测试呢，我们的接口也没有任何的问题啊，那这节课呢，我们还是啊扮演的角色还是我们的后端弄的开发工程师，那这个时候呢，我们要去为前端去设计一个接口，那这个接口呢，就是这个搜索图书的接口，那之前呢啊，我在设计的时候呢，在这儿呢，已经写了一个接口文档。那实际开发的时候呢，这个接口文档呢，也通常是由后端人员来编写的，但不是绝对的，因为有的公司的项目呢，是由前后端人员一起来参与去编写的。好，那假如说我们现在已经有了接口文档啊，那前后端人员在开发的时候都应该去遵循这个接口文档里面的规范，那你不能乱写，比如说第一个搜索图书的接口，那我们的方法呢，是get啊，URL呢叫search box，那data呢，在这儿代表的是什么？请求的参数，如果是没有参数的话，我这会写一个五，那现在呢，写了一个对象，意味着要求我们传参啊参数。

啊一定要有，而且呢，K叫re EQ，哎，这是固定死的啊问号它的值是问号，这是为什么呢？因为这个参数呢，其实就是用户输入的内容，因为这呢定不下来，所以呢我给它写成问号，那如果说实在看不懂的话，下面有对应的实例地址是URL来re EQ的一个react，包括实际接口的地址，我们本来是要请求豆瓣的啊提供的API，但现在这两个接口地址呢，不能用了，所以呢，我们自己去，哎打这个接口好看完接口文档以后来来到我们的项目，接下来呢，我们去干嘛？哎去创建这个搜索图书的。

接口router点刚才看了方法是get，对应的URL叫search box，然后呢写对应的回调，把基本的写好啊在这呢，Ctx，哎，Next OK，那整完这个以后，那第一步我们刚才说了一共是不是就是三步，嗯，第一步获取请求参数，那这一把呢，我们说了它传过的K是不是必须叫re EQ呀，所以呢，我定义的re EQ，哎要的请求参数呢，在CTS里边它呢有一个叫query，那这呢就等同于我们之前的re EQ，点宽RY是一样的啊在这呢，Re EQ就到你传的K就叫re EQ就OK。那现在呢，其实我们要这个呢，只是去获取一下参数啊，第二步呢，我们去处理数据，那这个数据呢，我们还是去返回什么这个data啊，所以呢，我来到index下边去把这个数据源我们拎过来，然后呢放到我们当前项目的歌布录下面。

好，那这个数据有了以后，我们第一步应该是先去看引入这个数据来当前路径下的data塔的下边的塔点接S，把它写完这N，那最后一步，那等于说这的fo read是不是就这个data相当于是我们处理的数据，最后一步返回数据我就可以哎，把它丢回去。对吧，那现在做完这些操作以后呢，那我们再去启动一下服务器，因为现在如果说你修改的是路由的话，你不重启服务器，它是监听不到的，那这个时候呢，关了之前的再来一个no serve j走，启动了以后，我们再去测一下这个接口啊测一下这个接口，那这一把呢，我们是应该是有对应的URL走诶。

Search book，然后带一个参数过来，Re EQ等于走你。大家看在这边我们是否能拿到对应的数据啊啊，那也就是说我们当前search book的接口也没有问题啊，也没有问题，同时呢，我们在这一块呢，我们还可以去打印一下我们获取的这个请求参数到底对不对啊，那这呢，应该打印的是REQ，好写完这个以后呢，如果说我们要看这个内容啊，是不是还得启动一下服务器啊。那比较麻烦啊，待会儿教大家一种不麻烦的方式，那现在重启了以后，我们再来跑一下浏览器端请求来到服务器呢，我们看一下对应的打印是不是re EA这个参数啊，哎，没有问题，说明我们的参数获取了也成功，好，那这一节课呢，我们主要讲的是如何去根据接口文档去搭建我们的啊路由接口，来我把视频停一下。