封裝及使用axios的方法是什么

封裝及使用axios的方法如下：

1. 安裝axios：在終端中運(yùn)行以下命令安裝axios庫(kù)。

npm install axios

2. 引入axios：在需要使用的文件中，使用以下代碼引入axios。

import axios from 'axios';

3. 發(fā)送GET請(qǐng)求：使用axios的get方法發(fā)送GET請(qǐng)求。以下是一個(gè)示例：

axios.get('/api/mydata')
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.log(error);
  });

4. 發(fā)送POST請(qǐng)求：使用axios的post方法發(fā)送POST請(qǐng)求。以下是一個(gè)示例：

axios.post('/api/mydata', { name: 'John', age: 30 })
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.log(error);
  });

5. 設(shè)置請(qǐng)求頭：可以使用axios的defaults.headers屬性來(lái)設(shè)置全局的請(qǐng)求頭。以下是一個(gè)示例：

axios.defaults.headers.common['Authorization'] = 'Bearer TOKEN';

6. 設(shè)置請(qǐng)求攔截器：可以使用axios的interceptors.request屬性來(lái)設(shè)置請(qǐng)求攔截器，對(duì)請(qǐng)求進(jìn)行處理。以下是一個(gè)示例：

axios.interceptors.request.use(function (config) {
  // 在發(fā)送請(qǐng)求之前做些什么
  return config;
}, function (error) {
  // 對(duì)請(qǐng)求錯(cuò)誤做些什么
  return Promise.reject(error);
});

7. 設(shè)置響應(yīng)攔截器：可以使用axios的interceptors.response屬性來(lái)設(shè)置響應(yīng)攔截器，對(duì)響應(yīng)進(jìn)行處理。以下是一個(gè)示例：

axios.interceptors.response.use(function (response) {
  // 對(duì)響應(yīng)數(shù)據(jù)做些什么
  return response;
}, function (error) {
  // 對(duì)響應(yīng)錯(cuò)誤做些什么
  return Promise.reject(error);
});

這些是封裝及使用axios的基本方法，可以根據(jù)需要進(jìn)行進(jìn)一步的配置和使用。