tag Axios

標籤
貢獻23
80
06:37 AM · Oct 27 ,2025
dirackeeko 頭像 ryanw430 頭像 tudou_5e2d76940fbaa 頭像 erweigongfangkefu 頭像 lneoi 頭像 edward_59e5c17a3a7e2 頭像 u_16213668 頭像 lichunyu_5a40bcb44b8cc 頭像 clearlove07 頭像 darkcode 頭像 liweihao_5f8e96c308646 頭像 sctec 頭像

@Axios / 博客 RSS 訂閱

dirackeeko 頭像

DiracKeeko - [axios] axios中post請求的發送

接上文[《[axios] axios中get請求的發送》](https://segmentfault.com/a/1190000043982778) 針對post請求，建議下面這兩種 1、axios(config) (建議使用) 舉例： axios({ method: 'post', url: '/fund/info', data: { fundId: "00000

Ajax , Axios , httprequest , 前端

收藏 評論

yuhuashi_584a46acea21f 頭像

雨花石 - webpack未轉譯第三方依賴axios為es5導致低端機型功能異常

背景： 兼容性測試流程中，遇到華為p9手機上的頁面按鈕點擊無反應的問題。開發者工具查看後發現報錯如下： 根據報錯信息檢查了一下頁面引用的vendors包，發現有...語法，來自於第三方依賴axios。 原因： axios包有es6語法，而我的項目的webpack.config.js配置的babel-loader排除了所有的node_modules的編譯。如下： {

babel-loader , Android , Axios , webpack , Javascript

收藏 評論

dirackeeko 頭像

DiracKeeko - [axios] axios發送 及 接收處理二進制數據

一、發送攜帶二進制數據的請求 在圖片上傳、文件上傳等場景中，需要發送payload為二進制數據的'POST'請求 注: 只要請求體中不是純 JSON 或字符串，而是包含或完全由二進制數據構成的內容 (如文件、音視頻、圖片)，就需要發送payload為二進制數據的'POST'請求。 這裏的重點是設置headers，先介紹如何發送這種特殊的請求。 分別以 1.axios(config) , 2.

文件上傳 , 二進制 , Axios , blob , 前端

收藏 評論

liudamao 頭像

劉大貓 - SpringBoot項目的html頁面使用axios進行get post請求

説明：本項目為SpringBoot項目而不是vue項目，本項目用於練習axios使用get及post請求 get和post請求都採用兩種方式進行配置，並註明易錯點 @[toc] 1.axios是什麼 Axios 是一個基於 promise 的 HTTP 庫，可以用在瀏覽器和 node.js 中，axios是對ajax的一種封裝，而jquery也是對ajax的一種封裝。 axio

post , Ajax , 人工智能 , Axios , get

收藏 評論

42_6398721f10a5e 頭像

42 - RxJS + Fetch: HTTP 請求的新紀元

RxJS + Fetch: HTTP 請求的新紀元 Reach 是一個使用 RxJS 和原生 Fetch API 構建的 HTTP Client，它受到 Axios 的啓發。 RxJS 用於實現類似於 Axios 中攔截器的功能，它被稱作管道，是比攔截器更加強大的自定義工具。同時它也儘量使用 Web API 而不是自定義數據類型，這使得它十分的輕量。 它使用起來類似這樣： import { R

rxjs , HTTP , Axios , typescript , Javascript

收藏 評論

dirackeeko 頭像

DiracKeeko - [axios] 實現頁面級批量取消請求

在請求發送階段(未取得返回結果時)，前端(瀏覽器)取消請求，捕獲該狀態，並做異常攔截處理。 思路: 1、記錄每個請求的cancelToken。 2、在頁面路由更新時(從頁面A進入頁面B時)取消A頁面未完成的請求。 3、把"取消請求"的異常狀態做一個特殊的異常標記。 4、全局請求攔截器對這種特殊的異常標記做靜默處理。 代碼實現: 1、全局的請求實例攔截器中，增加配置，通

Axios , 前端

收藏 評論

wanshangbuxuchi 頭像

晚上不許吃 - timeout of 5000ms exceeded, AxiosError, ECONNABORTED

解決方案：刪除timeout屬性。timeout的默認值為0，也就是説對請求沒有設置超時時間：

Axios

收藏 評論

_58d8892485f34 頭像

薇薇 - 二進制文件下載實例，blob、ArrayBuffer區別

背景 下載文件功能，點擊下載按鈕，後端返回二進制文件流，前端執行下載文件功能；當返回錯誤信息時前端能夠正確提示。 步驟一：請求設置responseType 請求數據時responseType不同,ArrayBuffer為arraybuffer，blob為blob。 步驟二：對響應進行攔截並判斷 正確情況 創建a標籤並下載。 const blob = new Bl

Axios , blob , arraybuffer , Javascript

收藏 評論

dirackeeko 頭像

DiracKeeko - [axios] 版本升級，特性變更記錄(高版本post請求異常)

axios 原版本 0.19.2，升級到0.27.2 出現了部分post請求發送異常的情況。 經查發現雖然大版本號同為0，但是0.27.2的內部邏輯有變更。 (0.27.2版本去掉了一些0.19.2版本中的對config的兼容性處理)，導致0.19.2中不規範的api使用方式在0.27.2中無法生效。 問題發生在使用類似於下面這種形式發送post請求。 axios.post(ur

Axios , 前端

收藏 評論

hu_qi 頭像

huqi - 跟魯迅重學 TypeScript | (五)異步處理、axios與封裝axios

“不在沉默中爆發，就在沉默中滅亡”，面對日益嚴峻的國際環境，我們祖國母親沒有繼續沉默，9月25日8時44分，洲際彈道導彈精準發射。，看到這個新聞，腰也不酸了，腿也不疼了，一口上上五樓，TS 學起來更帶勁了~ 異步處理 在 TypeScript 中，異步編程如同現代社會中的種種現象，紛繁複雜，令人眼花繚亂。而 async/await 正如那一柄利劍，能將這混沌的世界理清，使得程序員不至於深陷於回調的

Axios , typescript , Javascript

收藏 評論

awbeci 頭像

Awbeci - Java-實現axios上傳文件接口攜帶多參數

前言 最近在實現小圖片上傳的過程中剛開始我使用base64字符串做為後台接口參數傳遞給後台並解析保存也沒問題，但是發現第2次及之後就報下面的錯： org.springframework.core.io.buffer.DataBufferLimitException: Exceeded limit on max bytes to buffer : 262144 然後問了AI給的回覆如下： 這個問題通

Axios , JAVA , Javascript

收藏 評論

huobaodejianpan 頭像

火爆的鍵盤 - HTTP 請求優化指南：Axios 和 Fetch 的比較

在前端開發中，處理 HTTP 請求是一個常見且重要的任務。JavaScript 提供了多種方式來發送網絡請求，其中最受歡迎的兩種方式分別就是 Fetch API 和 Axios。儘管兩者都能完成同樣的任務，即從客户端向服務器發送請求並接收響應，但它們在使用方式、功能及靈活性方面各有千秋，下面我們簡單瞭解下。 1. 基礎介紹 Fetch API Fetch API 是現代瀏覽器內置的一個標準 Jav

HTTP , fetch , Axios , 前端 , Javascript

收藏 評論

tanking 頭像

TANKING - 前端發起網絡請求的幾種常見方式（XMLHttpRequest、FetchApi、jQueryAjax、Axios）

摘要 前端發起網絡請求的幾種常見方式包括： XMLHttpRequest (XHR)： 這是最傳統和最常見的方式之一。它允許客户端與服務器進行異步通信。XHR API 提供了一個在後台發送 HTTP 請求和接收響應的機制，使得頁面能夠在不刷新的情況下更新部分內容。 Fetch API： Fetch API 是一種新的 Web API，提供了一種更強大、更靈活的方式來發起網絡請求。它使用 Promi

xmlhttprequest , fetch , Axios , jquery , Javascript

收藏 評論

zaoying 頭像

zaoying - useResource聲明式API與useMock基於依賴注入的mock工具

前不久組內的萌新用不知道從哪裏學來的技術，説要封裝一套 axios 庫供大家使用。 等他開發完，在 code review 環節，大家看到他寫的代碼都面面相覷，不知道該如何評價。 我一時間也不知道該如何評價，只能提醒他不要寫死代碼，目前 axios 還沒入選開源庫，後期有可能換成其他替代品。 會後我專門到網上搜一番，發現二次封裝 axios 的案例確實不少，但給我感覺其實都半斤八兩，不見得哪個更優

mock , fetch , Axios , typescript

收藏 評論

ryanw430 頭像

RyanWu - node server響應頭設置允許跨域，卻仍然存在跨域問題的解決方案

案例 今天在做全棧的練習項目時，發現在發POST請求時，存在跨域問題（server的header設置了允許跨域），server大概如下 const express = require('express') const app = express() app.use(express.json()); app.use(express.urlencoded({ extended: false }));

node.js , Ajax , Axios , ajax跨域

收藏 評論

abcdxj555 頭像

愛編程的小金 - RSM：超實用的多場景請求管理方案

各位前端er們，用了那麼久的再熟悉不過的接口請求，有沒有覺得不妥？？？你可能會覺得，這有什麼不妥，不就axios.get一下，fetch一下，請求就發出了嘛，然後再處理返回的數據，完事。真有這麼簡單嗎？問題來了，針對不同場景下的請求需求，真的可以統一這樣處理就完事嗎？我們來聊聊請求這事兒！ 聊聊前端請求的場景 我們先來聊聊前端請求的各種場景，以下是一些做請求時遇到的高頻場景。 什麼時候發出請求

vue.js , fetch , 請求 , Axios , 前端

收藏 評論

sctec 頭像

樑柱 - 3.vue請求數據

請求數據的方式： vue-resource 官方提供的 vue的一個插件 axios fetch-jsonp vue-resource的使用 使用步驟： 1、安裝vue-resource模塊 cnpm install vue-resource --save 2、在 main.js 引入 vue-resource import VueResource from 'vue-reso

vue.js , vue-resource , Axios , 前端

收藏 評論

liweihao_5f8e96c308646 頭像

李偉豪 - 別再封裝 Axios 了！用 RPC 像調用本地函數一樣寫接口（支持 Vue/React/Node）

前言 如果你體驗過小程序雲開發（TCB）或者 uniCloud，你一定會被那種“雲對象”的開發模式深深吸引：不需要關心 URL，不需要關心 HTTP 方法，直接 await cloud.user.add() 就完了。 但在傳統的 Web 前端（Vue/React）或者 Node.js 開發中，我們依然深陷在 Axios 的封裝泥潭裏： 寫一個龐大的 request.js，配置攔截器。 在 a

全棧 , rpc , Axios , api設計 , Javascript

收藏 評論

darkcode 頭像

前端掃地僧 - 重磅!帶你從零實現一個axios網絡請求框架

我們知道，axios是前端一個非常優秀的對於網絡請求的框架，其特點主要是請求方便、功能多(如攔截器)、可擴展性強等。那麼作為一枚前端開發人員，瞭解並能夠使用axios其實是基礎，深入瞭解其實現原理才是比較重要的，當然，如果能徒手擼一個axios類似的框架出來，那就是相當的不錯了。 這篇文章會從以下幾個大的點來實現一個axios框架： axios的本質是什麼？ axios默認值、參數的實現

ecmascript-6 , xmlhttprequest , Axios , webpack

收藏 評論

clearlove07 頭像

Clearlove - 小記：Nginx代理axios請求及注意事項

近期寫個小demo，因為用到某大廠的在線數據，接口做了跨域限制，所以利用Nginx代理來解決這些問題。 1. nginx.conf 配置信息 由於nginx.conf配置信息較多，本篇只關注跟axios和靜態資源請求設置，順便也將常見的一些配置項備註一下。具體設置如下： # 設定http服務器，利用它的反向代理功能提供負載均衡支持 http { #連接超時時間 keepalive_time

HTTP , proxy-pass , Axios , Nginx , 跨域

收藏 評論

dirackeeko 頭像

DiracKeeko - [axios] axios中get請求的發送

"Axios is a promise-based HTTP Client for node.js and the browser. It is isomorphic (= it can run in the browser and nodejs with the same codebase). On the server-side it uses the native node.js htt

Axios , httprequest , get , 前端

收藏 評論

lichunyu_5a40bcb44b8cc 頭像

李春雨 - ajax數據交互

記憶力越來越差，突然發現segmentfoult的好處就是總結過的東西永遠在，隨時拿出來用，今天帶來的內容是ajax數據交互，因為最近項目中發現接口對接真夠麻煩的，使用別人寫好的框架也是蹩腳的很。本篇文章從原生的XMLHttpRequest對象談起，講述數據請求過程以及編碼過程。 1. 原生AJAX 所謂的Ajax就是異步的javascript和xml.所謂異步就是在不影響用户的操作下發送請求過程

xmlhttprequest , Ajax , Axios , jquery

收藏 評論

u_16213668 頭像

mob64ca140caeb2 - 防止表單重複提交的4種方法

在絕大多數提交的post請求中，重複提交數據不但會導致重複操作，可能有些操作比較耗時（比如：導入數據，可能需要頻繁操作數據庫），所以用户很可能會誤以為請求沒有響應，所以再次點擊操作按鈕。 這種情況下的重複請求是沒有意義的，而且還會佔用服務端資源。 因此，防止表單重複提交功能很有必要，是對系統功能的優化。 本篇文章就介紹前端+後端的防止表

Spring Boot , 後端開發 , Ajax , Axios , JAVA , Spring MVC , Python

收藏 評論

edward_59e5c17a3a7e2 頭像

Edward - 日拱一卒-如何實現請求轉發

今天在聯調的時候，由於後端的問題導致接口出現了跨域問題。 使用接口請求工具可以請求到數據，但是一旦把服務跑起來，就會報跨域的問題。 由於自己之前簡單學習了一下mock數據的方法，於是想着，那不如寫一個簡單的請求轉發的工具，這樣就能解決跨域問題了。 使用的工具是express和axios。 先根據express的官方文檔，安裝express generator： npm i

Axios , nodejs-express , 前端

收藏 評論