面试题：为什么 Vue 官方推荐使用 axios 而不用 vue-resource？

Vue 官方推荐使用 axios 而不是 vue-resource，主要原因有以下几点：

---

1. vue-resource 已停止维护

• vue-resource 是 Vue 早期官方推荐的 HTTP 请求库，但在 2016 年，Vue 官方宣布停止维护 vue-resource，并推荐使用 axios。
• 停止维护意味着：
  • 不再修复 bug。
  • 不再添加新特性。
  • 不再支持最新的浏览器或技术。

---

2. axios 的功能更强大

axios 是一个基于 Promise 的 HTTP 客户端，功能比 vue-resource 更强大和灵活。

axios 的主要优势：

• 支持浏览器和 Node.js：axios 可以在浏览器和 Node.js 环境中使用，而 vue-resource 仅适用于浏览器。
• 拦截器：axios 提供了请求和响应拦截器，方便全局处理请求和响应。

  // 请求拦截器
  axios.interceptors.request.use(config => {
    // 在发送请求之前做一些处理
    return config;
  });

  // 响应拦截器
  axios.interceptors.response.use(response => {
    // 对响应数据做一些处理
    return response;
  });

• 取消请求：axios 支持取消请求，适合处理频繁的请求或用户取消操作。

  const source = axios.CancelToken.source();

  axios.get('/api/data', {
    cancelToken: source.token
  }).catch(error => {
    if (axios.isCancel(error)) {
      console.log('Request canceled', error.message);
    }
  });

  // 取消请求
  source.cancel('Operation canceled by the user.');

• 自动转换数据：axios 自动将响应数据转换为 JSON 格式，而 vue-resource 需要手动处理。
• 更丰富的配置：axios 提供了更丰富的配置选项，如 baseURL、timeout、headers 等。

---

3. axios 的社区支持更广泛

• axios 是目前最流行的 HTTP 请求库之一，拥有庞大的用户群体和活跃的社区支持。
• 社区提供了大量的插件、工具和文档，方便开发者使用和扩展。
• 相比之下，vue-resource 的社区支持较弱，缺乏更新和维护。

---

4. axios 的兼容性更好

• axios 支持现代浏览器和旧版浏览器（通过 polyfill），兼容性更好。
• vue-resource 的兼容性较差，尤其是在处理某些边缘情况时。

---

5. axios 的生态更完善

• axios 可以与其他流行的库和框架（如 React、Angular）无缝集成。
• vue-resource 主要针对 Vue.js，适用范围较窄。

---

6. Vue 官方的态度

• Vue 官方明确推荐使用 axios，并将其作为 Vue 生态中的首选 HTTP 请求库。
• 在 Vue 2 和 Vue 3 的官方文档中，axios 被广泛使用和推荐。

---

总结

Vue 官方推荐使用 axios 而不是 vue-resource，主要原因包括：

1. vue-resource 已停止维护，而 axios 持续更新和维护。
2. axios 功能更强大，支持拦截器、取消请求、自动转换数据等。
3. axios 社区支持更广泛，生态更完善。
4. axios 兼容性更好，适用于浏览器和 Node.js。

因此，在 Vue 项目中使用 axios 是更可靠和高效的选择。