Axios封装与参数传递详解
在开发中，使用axios进行数据交互是挺常见的事情，尤其是像vue + typescript这类组合。不过为了让代码更简洁、更容易维护，封装一下axios还是有必要的。封装后可以统一管理求的逻辑，减少冗余代码，响应也快，使用起来也更方便。
比如，你可以设置全局的timeout，也可以配置默认的Content-Type，这样每次求时就不需要重复设置了。让代码看起来更整洁，项目也更易于扩展。
这里有个封装示例，request.js文件的代码如下：
import axios from 'axios'
import qs from 'qs'
axios.defaults.timeout = 2000; //响应时间
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
export default axios;
其实，封装后你可以统一管理一些常见的求方式，比如 GET、POST 等，甚至可以加入求拦截器和响应拦截器，一些全局的逻辑，像求失败的、登录态过期等。这种封装在团队合作中实用。
如果你还没封装过axios，不妨尝试一下哦，简化了不少工作，能提升开发效率。
文件大小：291.64KB
评论区