axios的基體請求使用與Django的結合

2021-10-19 09:58:20 字數 1026 閱讀 2412

基於promise用於瀏覽器和node.js的http客戶端

特點支援瀏覽器和node.js

支援promise

能攔截請求和響應

能轉換請求和響應資料

能取消請求

自動轉換json資料

瀏覽器端支援防止csrf(跨站請求偽造)

axios.get(』/user?id=12345』)

.then(function (response) )

.catch(function (error) );

一下兩個用來處理同時發生多個請求的輔助函式

axios.all(iterable)

axios.spread(callback)

你可以建立乙個擁有通用配置的axios例項

axios#request(config)

axios#get(url[, config])

axios#delete(url[, config])

axios#head(url[, config])

axios#options(url[, config])

axios#post(url[, data[, config]])

axios#put(url[, data[, config]])

axios#patch(url[, data[, config]])

首先要解決跨域問題,解決跨域問題有兩種,一種是在前端,一種是在後端。本人更傾向於後端。

瀏覽器將cors請求分成兩類:簡單請求和非簡單請求

瀏覽器發出cors簡單請求,只需要在頭資訊之中增加乙個origin欄位

瀏覽器發出cors非簡單請求,會在正式通訊之前,增加一次http查詢請求,稱為「預檢」請求(options請求)。瀏覽器先詢問伺服器,當前網頁所在的網域名稱是否在伺服器的許可名單之中,以及可以使用哪些http動詞和頭資訊字段。只有得到肯定答覆,瀏覽器才會發出正式的xmlhttprequest請求,否則就報錯。

cors_origin_allow_all = true 預設為false

使用axios傳送請求

axios的請求方式可以很好的結合restful風格 1.get 用於獲取資料 axios.get url then function response 2.delete 刪除資料 axios.delete url then function response 3.update更改 axios.up...

axios 請求與封裝

get請求的兩種方法 from data 表單提交 上傳 檔案上傳 let data axios.post post data then res axios then res from data 表單提交 let formdata new formdata for let key in data a...

使用axios請求傳送資料

之前一直沒有用成功,今天看了一些部落格,學會了使用axios外掛程式 2.main.js import axios from axios vue.prototype.axios axios 3,元件引用 第一種 var params new urlsearchparams 注意下面的屬性必須加引號 ...