溫馨提示×

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

小億
103
2024-01-14 01:31:07
欄目: 編程語言

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

  1. 安裝axios:在終端中運行以下命令安裝axios庫。
npm install axios
  1. 引入axios:在需要使用的文件中,使用以下代碼引入axios。
import axios from 'axios';
  1. 發送GET請求:使用axios的get方法發送GET請求。以下是一個示例:
axios.get('/api/mydata')
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.log(error);
  });
  1. 發送POST請求:使用axios的post方法發送POST請求。以下是一個示例:
axios.post('/api/mydata', { name: 'John', age: 30 })
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.log(error);
  });
  1. 設置請求頭:可以使用axios的defaults.headers屬性來設置全局的請求頭。以下是一個示例:
axios.defaults.headers.common['Authorization'] = 'Bearer TOKEN';
  1. 設置請求攔截器:可以使用axios的interceptors.request屬性來設置請求攔截器,對請求進行處理。以下是一個示例:
axios.interceptors.request.use(function (config) {
  // 在發送請求之前做些什么
  return config;
}, function (error) {
  // 對請求錯誤做些什么
  return Promise.reject(error);
});
  1. 設置響應攔截器:可以使用axios的interceptors.response屬性來設置響應攔截器,對響應進行處理。以下是一個示例:
axios.interceptors.response.use(function (response) {
  // 對響應數據做些什么
  return response;
}, function (error) {
  // 對響應錯誤做些什么
  return Promise.reject(error);
});

這些是封裝及使用axios的基本方法,可以根據需要進行進一步的配置和使用。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女