我们现在开始编写源码我们的目标是实现简单的发送请求功能,即客户端通过XMLHttpRequest对象把请求发送到Server端Server端能收到请求并响应即可。
我们实现axios最基本的操作通过传入一个對象发送请求,如下:
先把初始化src下的文件删除掉然后创建个index.ts文件,作为整个库的入口文件然后先定义个axios方法并导出,如下:
然后给axios方法定义个接受参数config并且我们新建个types文件夹在该文件夹下新建个index.ts文件作为我们之后公共类型定义文件,然后给config定义个接口类型:
这里我們希望method只传入合法的字符串再定义个字符串字面量
然后我们在src下新建个xhr.ts文件,在这个文件下实现我们所有的请求逻辑
先实现基本的请求邏辑后续再慢慢完善,函数同样接受一个config参数
目前为止我们axios的基本请求逻辑都已经实现了让我们来写个demo测试下
后端服务是用node简单起的┅个服务,后续demo用到的接口都在这产出
可以看到我们成功发送了请求并且服务端也接受并响应了,那我们这章的目标都实现了下章会對请求的数据进行处理
发布了15 篇原创文章 · 获赞 5 · 访问量 4万+