axios与vue-axios有什么区别？调用API时是否需要同时使用二者？

一、两者核心差异 #

• 定位不同：axios 是独立的通用HTTP请求库，基于Promise封装，不依赖任何前端框架，原生JS、React、Vue等所有前端项目都可以直接使用，自身具备完整的发请求、拦截请求、响应处理等能力。vue-axios 只是针对Vue生态开发的轻量插件，本身不具备任何请求能力，作用是将axios实例快速挂载到Vue的全局属性上，适配Vue的插件使用规范。
• 调用方式不同：原生axios如果要在Vue组件里使用，要么每次手动import axios from 'axios'引入，要么自己手动将实例挂载到Vue原型/全局属性上；使用vue-axios后，注册插件即可直接在组件中通过this.$http或this.axios调用，不需要重复引入。

二、实际开发选型建议 #

• 项目非纯Vue项目、或者需要在大量非Vue组件的工具函数/公共逻辑中调用请求，直接使用原生axios即可，灵活性更高，还能减少不必要的依赖体积。
• 纯Vue项目，希望简化调用逻辑，符合Vue插件使用习惯，可以选择vue-axios。

三、是否需要同时安装两个依赖 #

是，vue-axios本身只是适配层，没有内置axios核心代码，必须同时安装两个依赖才能正常使用，安装命令如下：
npm install axios vue-axios
如果仅安装vue-axios，运行时会抛出找不到axios依赖的报错。

内容的提问来源于stack exchange，提问作者Dhaval Vaghela