描述Axios是一个基于图书馆的库，可以使用或进一步。该文章围绕XHR旋转。
Axios提供了两个HTTP请求适配器XHR和HTTP。XHR的核心是浏览器的XMLHTTPREQUEST对象；HTTP的核心是Node的HTTP.Request方法。
特征：
基本上使用安装
使用
API非常友好，可以直接在项目中使用。但是，在大型项目中，有许多HTTP请求，并且需要区分环境。每个网络请求都需要处理类似的部分。如下所示，它将导致代码冗余并破坏项目。
Axios文件封装在目录中，暴露于外部曝光功能
1.环境分割功能曝光参数用于配置API URL。默认值是
当您在这里看到时，您可能会问为什么您不使用Axios提供的配置参数，因为相应的前缀将添加到每个接口，并且在项目的实际场景中有一个前端项目，到多个场景。需要通过不需要的前缀代理传递不同的服务。尽管可以实现，但有必要成为第二个级别的前缀，而不是优雅，并且使用时使用了真正的API地址，因为代理前缀与真实地址混合在一起。
使用，效果如下
该函数设置了prefixurl参数，效果如下
使用（在这里配置Vuecli3）作为区分开发和测试环境的判断。配置代理在相同的生产环境中
2.以下三种请求标头
（1）应用程序/JSON
这些参数将直接放置在请求主体中，并以JSON格式发送到后端。这也是Axios请求的默认方法。此类型最广泛使用。
请注意，以json.Stringify处理的格式是毫无意义的，因为Axios会将JavaScript对象序列为JSON，这意味着无论您是否转弯，JSON都是JSON
3.请求类型请求类型参数的字段，传递相应的请求类型，例如等效
在使用本机当地时，请勿封装如下：
官方文件如下
函数暴露参数，用于配置，默认值为
当请求类型是暴露于函数参数的参数时，将参数自动缝合到URL地址
4.请求超时时间5.允许携带cookie6，响应结果处理和处理
该作品需要与服务器一致，以便处理并等待结果
例如，对于返回200的响应代码，一些服务器分别为20001、200002和10000。
例如，有一些服务器。对于响应代码，响应代码返回401、403,200，并在中间进行处理
在上述方案时，当多个接口返回的错误信息一致时，会出现问题，如下图所示
优化计划，使用和实施错误提示，一次更优雅
代码可以访问我的github
Axios-Ajax完整包装。在目录中使用API管理文件。该文件暴露于其他模块，其他文件根据文件
使用参数自定义前缀代理不同服务文件类型处理请求
包装没有绝对标准，并且需要与项目结合使用，但是毫无疑问，Axios-Ajax的包装非常必要。
原始地址：https：//github.com/zxyue25/axios- ajax
其他文章：Vue多工程室公共模块处理的最佳实践
本文包含列[业务摘要]降水工作中遇到的问题被总结为最佳实践。欢迎关注?