前端面試題(三):axios有哪些常用的方法

Axios 是一個基于 Promise 的 HTTP 客戶端,用于瀏覽器和 Node.js 中發送 HTTP 請求。它提供了一些常用的方法來處理不同類型的請求。以下是 Axios 中常用的一些方法:

1. axios.get()

  • 用于發送 GET 請求,從服務器獲取數據。

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

2. axios.post()

  • 用于發送 POST 請求,向服務器發送數據。

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

3. axios.put()

  • 用于發送 PUT 請求,更新指定資源的完整數據。

    axios.put('/api/data/1', { name: 'John', age: 31 }).then(response => {console.log(response.data);}).catch(error => {console.error(error);});
    

4. axios.patch()

  • 用于發送 PATCH 請求,部分更新指定資源的數據。

    axios.patch('/api/data/1', { age: 32 }).then(response => {console.log(response.data);}).catch(error => {console.error(error);});
    

5. axios.delete()

  • 用于發送 DELETE 請求,刪除指定資源。

    axios.delete('/api/data/1').then(response => {console.log(response.data);}).catch(error => {console.error(error);});
    

6. axios.all()

  • 用于發送多個并發請求,返回一個 Promise,并且可以在所有請求都完成后執行回調。

    axios.all([axios.get('/api/data1'),axios.get('/api/data2')
    ])
    .then(axios.spread((response1, response2) => {console.log(response1.data, response2.data);
    }))
    .catch(error => {console.error(error);
    });
    

7. axios.create()

  • 用于創建一個自定義配置的 Axios 實例,可以復用配置并改變默認的設置(如 baseURLheaderstimeout 等)。

    const instance = axios.create({baseURL: 'https://api.example.com',timeout: 1000,headers: { 'X-Custom-Header': 'foobar' }
    });instance.get('/data').then(response => {console.log(response.data);}).catch(error => {console.error(error);});
    

8. axios.interceptors

  • 用于攔截請求或響應。你可以使用 requestresponse 攔截器來對請求和響應進行處理(例如,設置公共請求頭、處理錯誤等)。

    請求攔截器

    axios.interceptors.request.use(config => {// 在請求發送前做一些處理config.headers.Authorization = 'Bearer token';return config;},error => {return Promise.reject(error);}
    );
    

    響應攔截器

    axios.interceptors.response.use(response => {// 處理響應數據return response;},error => {// 錯誤處理return Promise.reject(error);}
    );
    

9. axios.getUri()

  • 用于獲取請求的 URL,它不會發送請求,只是返回請求的 URL 字符串。

    const url = axios.getUri({url: '/api/data',params: {id: 123}
    });
    console.log(url); // 輸出拼接好的完整 URL
    

10. axios.request()

  • axios.request() 是一個通用的方法,所有 HTTP 請求方法(如 getpostputdelete)都可以通過該方法來發送。你可以通過傳入配置對象來執行請求。

    axios.request({url: '/api/data',method: 'get',params: {id: 123}
    })
    .then(response => {console.log(response.data);
    })
    .catch(error => {console.error(error);
    });
    

總結:

  • axios.get(), axios.post(), axios.put(), axios.patch(), axios.delete() 是常用的 HTTP 方法,用于不同的請求類型。
  • axios.all() 用于處理多個并發請求。
  • axios.create() 用于創建自定義配置的實例。
  • axios.request() 是一個通用方法,可以處理所有類型的請求。
  • axios.interceptors 用于處理請求和響應的攔截器。

這些方法和功能提供了很大的靈活性,可以幫助你在處理 API 請求時更好地管理和優化請求。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/900058.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/900058.shtml
英文地址,請注明出處:http://en.pswp.cn/news/900058.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

python match case語法

學習路線:B站 普通的if判斷 def if_traffic_light(color):if color red:return Stopelif color yellow:return Slow downelif color green:return Goelse:return Invalid colorprint(if_traffic_light(red)) # Output: Stop print(if_traffic_light(yellow)) …

LLaMA-Factory大模型微調全流程指南

該文檔為LLaMA-Factory大模型微調提供了完整的技術指導,涵蓋了從環境搭建到模型訓練、推理和合并模型的全流程,適用于需要進行大模型預訓練和微調的技術人員。 一、docker 容器服務 請參考如下資料制作 docker 容器服務,其中,掛…

【HCIA】靜態綜合實驗練習筆記

實驗拓撲圖如下: 實驗配置思路如下: 1、網段劃分、配置IP地址 2、配置DHCP,使客戶端獲得ip地址 3、配置靜態明細路由,內網全網通 4、配置空接口防環 5、配置優先級,實現選路最佳 6、配置缺省路由,實現公網通…

大數據(4.5)Hive聚合函數深度解析:從基礎統計到多維聚合的12個生產級技巧

目錄 背景一、Hive聚合函數分類與語法1. 基礎聚合函數2. 高級聚合函數 二、6大核心場景與案例場景1:基礎統計(SUM/COUNT)場景2:多維聚合(GROUPING SETS)場景3:層次化聚合(ROLLUP&…

RTOS基礎 -- NXP M4小核的RPMsg-lite與端點機制回顧

一、RPMsg-lite與端點機制回顧 在RPMsg協議框架中: Endpoint(端點) 是一個邏輯通信端口,由本地地址(local addr)、遠程地址(remote addr)和回調函數組成。每個消息都會發送到特定的…

NineData云原生智能數據管理平臺新功能發布|2025年3月版

本月發布 15 項更新,其中重點發布 3 項、功能優化 11 項、性能優化 1 項。 重點發布 基礎服務 - MFA 多因子認證 新增 MFA 多因子認證,提升賬號安全性。系統管理員開啟后,所有組織成員需綁定認證器,登錄時需輸入動態驗證碼。 數…

DAY 35 leetcode 202--哈希表.快樂數

題號202 編寫一個算法來判斷一個數 n 是不是快樂數。 「快樂數」 定義為: 對于一個正整數,每一次將該數替換為它每個位置上的數字的平方和。然后重復這個過程直到這個數變為 1,也可能是 無限循環 但始終變不到 1。如果這個過程 結果為 1&a…

Maven+Spring實現后端開發

一、前置知識的介紹 1.Spring 輕量級的 DI / IoC 和 AOP 容器的開源框架 容器的開源框架網址:https://spring.io/projects/spring-framework 作用:可簡化管理創建和組裝對象之間的依賴關系 將controller----->service------->dao層的依賴配置…

解鎖界面設計密碼,打造極致用戶體驗

界面設計是對軟件、網站、移動應用等產品的用戶界面進行設計的過程,旨在為用戶提供美觀、易用、高效的交互體驗。以下是關于界面設計的一些主要方面: 一、設計原則 用戶中心原則:以用戶為中心,了解用戶的需求、期望、行為和習慣…

Joint Receiver Design for Integrated Sensing and Communications

摘要——在本文中,我們研究了集成感知與通信(ISAC)系統的聯合接收機設計,其中通信信號和目標回波信號同時被接收和處理,以在兩種功能之間實現平衡性能。特別地,我們提出了兩種設計方案來解決聯合感知和通信問題中的接收信號處理。…

DeepSeek接入飛書多維表格,效率起飛!

今天教大家把DeepSeek接入飛書表格使用。 準備工作:安裝并登錄飛書;可以準備一些要處理的數據,確保數據格式正確,如 Excel、CSV 等,也可直接存儲到飛書多維表格。 創建飛書多維表格:打開飛書,點…

【C語言入門】由淺入深學習指針 【第二期】

目錄 1. 指針變量為什么要有類型? 2. 野指針 2.1 未初始化導致的野指針 2.2 指針越界導致的野指針 2.3 如何規避野指針 3. 指針運算 3.1 指針加減整數 3.2 指針減指針 3.3 指針的關系運算 4. 二級指針 5. 指針數組 5.1 如何使用指針數組模擬二維數組 上…

OpenCV 圖形API(13)用于執行兩個矩陣(或圖像)逐元素乘法操作的函數mul()

操作系統:ubuntu22.04 OpenCV版本:OpenCV4.9 IDE:Visual Studio Code 編程語言:C11 描述 計算兩個矩陣的每個元素的縮放乘積。 mul函數計算兩個矩陣的逐元素乘積: dst ( I ) saturate ( scale ? src1 ( I ) ? src2 ( I ) ) …

人工智能混合編程實踐:C++調用封裝好的DLL進行圖像超分重建

人工智能混合編程實踐:C++調用封裝好的DLL進行圖像超分重建 前言相關介紹C++簡介ONNX簡介ONNX Runtime 簡介**核心特點**DLL 簡介**核心特點****創建與使用****應用場景****優點與挑戰**圖像異常檢測簡介應用場景前提條件實驗環境項目結構C++調用封裝好的DLL進行圖像超分重建C…

Linux內核之高效緩沖隊列kfifo

一、先說FIFO 隊列是常見的一種數據結構,簡單看來就是一段數據緩存區,可以存儲一定量的數據,先存進來的數據會被先取出,First In Fist Out,就是FIFO。 FIFO主要用于緩沖速度不匹配的通信。 例如生產者(數…

【面試篇】Kafka

一、基礎概念類 問題:請簡述 Kafka 是什么,以及它的主要應用場景有哪些? 答案:Kafka 是一個分布式流處理平臺,它以高吞吐量、可持久化、可水平擴展等特性而聞名。其主要應用場景包括: 日志收集&#xff1a…

解釋回溯算法,如何應用回溯算法解決組合優化問題?

一、回溯算法核心原理 回溯算法本質是暴力窮舉的優化版本,采用"試錯剪枝"策略解決問題。其核心流程如下: ?路徑構建:記錄當前選擇路徑?選擇列表:確定可用候選元素?終止條件:確定遞歸結束時機?剪枝優化…

Vue 學習隨筆系列二十二 —— 表格高度自適應

表格高度自適應 文章目錄 表格高度自適應1、方法一2、方法二 1、方法一 根據頁面元素計算各自占比 <template><div class"main"><div class"query-form" ref"Query"><QueryFormref"QueryForm"query"query&q…

ubuntu22.04.5安裝docker,解決安裝出現的錯誤,解決Docker hello-world沒打印出來

文章目錄 前言一 安裝失敗解決1結合具體報錯分析2 首先懷疑是VPN的問題3 直接百度報錯信息4最終解決問題 二 驗證Docker hello-world沒打印出來總結 前言 先說一下前面的情況&#xff0c;使用的是公司的工作站&#xff0c;登錄公司一個帳號使用的公司網絡&#xff0c;使用網上…