封装axios用到了那些功能模块

封装axios用到了以下功能模块：

1. Promise：用于异步操作的处理，避免回调地狱。
2. Interceptor：用于请求和响应的拦截，可以在请求或响应被处理前进行一些操作，如添加请求头、请求参数等。
3. CancelToken：用于取消请求，可以在请求发送前或者请求过程中取消请求。
4. FormData：用于处理表单数据，可以将表单数据转换为字符串或者二进制数据。
5. JSON.stringify()和JSON.parse()：用于将JavaScript对象转换为JSON字符串和将JSON字符串转换为JavaScript对象。

相关问题

vue3使用axios 如何封装API模块

首先，你需要先安装axios，并在你的Vue3项目中引入它。然后你可以在你的项目中创建一些API模块来封装你的HTTP请求。

以下是一些可能用到的步骤：

1. 创建一个api目录来存放你的API模块。
2. 在该目录下创建一个api.js文件，用来定义所有的API模块。
3. 在api.js文件中，你可以定义一个axios实例，在此实例中设置一些默认选项，例如baseURL、headers等。
4. 在跟API相关的模块中引入此实例，用它来发送请求。
5. 在每个API模块中定义一个方法，并在其内部使用axios实例发送请求到你的后端服务器。

以下是示例代码：

// api.js
import axios from 'axios'

const api = axios.create({
  baseURL: 'http://api.example.com',
  headers: {
    'Content-Type': 'application/json',
    'Authorization': 'Bearer ' + localStorage.getItem('token')
  }
})

export default api

// user.js
import api from './api'

export function getUser (userId) {
  return api.get(`/user/${userId}`)
}

// post.js
import api from './api'

export function createPost (postData) {
  return api.post('/post', postData)
}

这种方式可以让你更好地管理你的API请求，可以在一个地方修改基础url，也可以添加axios的拦截器等。在每个单独的API模块中，你可以封装相应方法，并在需要的地方调用它们。

axios封装 vue-router

Axios是一个基于Promise的HTTP客户端，用于发送异步请求，而Vue-router是Vue.js的官方路由管理器，用于管理前端路由，两者都是前端开发中比较重要的工具。在实际开发中，我们经常需要通过Ajax请求获取后端数据，然后将数据展示在页面中，这就需要用到Axios，而路由管理则需要Vue-router。为了方便使用，可以将Axios和Vue-router进行封装。

Vue-router封装Axios的好处主要有以下几点：

1. 将API请求和路由管理分离，提高代码的可维护性和可读性。
2. 将API请求封装成模块或插件，使API调用更加简单和清晰。
3. 统一API请求的拦截和处理，减少代码重复率。

在封装过程中，我们可以根据实际需求选择不同的封装方式，比如将Axios封装成Vue插件，或者将Axios和Vue-router封装成一个统一的API模块，还可以根据不同的业务需求添加不同的拦截器和处理逻辑，比如对请求和响应进行统一的错误处理、添加全局Loading等等。

总之，将Axios和Vue-router进行封装，可以大大提高前端开发效率和代码质量，使开发更加简单、高效、可维护。