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

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

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

相关问题

JS 封装 axios

JS 封装 axios的步骤如下[^1][^2]：

1. 在项目的src目录下创建一个api文件夹，并在该文件夹下创建一个request.js文件，用于封装axios的代码。

2. 在request.js文件中，首先使用import语句引入axios模块：

import axios from 'axios';

3. 使用axios.create()方法创建一个自定义的axios实例，并进行相关配置，例如设置基础URL和超时时间：

const instance = axios.create({
  baseURL: 'http://api.example.com', // 设置基础URL
  timeout: 5000 // 设置超时时间为5秒
});

4. 可以对axios实例进行进一步的配置，例如设置请求拦截器和响应拦截器：

// 请求拦截器
instance.interceptors.request.use(config => {
  // 在发送请求之前做些什么
  return config;
}, error => {
  // 对请求错误做些什么
  return Promise.reject(error);
});

// 响应拦截器
instance.interceptors.response.use(response => {
  // 对响应数据做些什么
  return response;
}, error => {
  // 对响应错误做些什么
  return Promise.reject(error);
});

5. 最后，可以导出封装好的axios实例，以便在其他地方使用：

export default instance;

这样，我们就完成了JS封装axios的过程。

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模块中，你可以封装相应方法，并在需要的地方调用它们。