Axios請求中Content Type的使用總結

2021-10-09 15:35:49 字數 1602 閱讀 6563

axios請求頭中的content-type常見的有3種:

3.content-type:multipart/form-data

axios中預設的請求型別,它宣告了請求資料會以json字串的形式傳送。在php中,使用$_post是接收不到的

var param = 

}this.$axios.post(url, param)

.then(res => console.dir(res))

通過在src目錄下新建axios資料夾,資料夾中新建index.js,設定請求攔截。內容如下:

import qs from 'qs';//引入qs,axios在post引數時,要通過qs來格式化資料

// 新增請求***

axios.interceptors.request.use(

config =>

return config;

},error => );

// 新增響應***

axios.interceptors.response.use(

response => ,

error =>

);vue.prototype.$axios = axios;

在main.js中引入axios

import '@/axios';//引入axios
但是這樣做在上傳時會有問題,接著看第3點

async selectedfile($event) })

.then(res => console.dir(res));

},

但是由於第2步中,我們對axios的請求進行攔截,預設對引數進行序列化了,導致content-type總是為pplication/x-www-form-urlencoded。這時檔案就會傳不到後台

因此要對src/axios/index.js進行修改:

import vue from 'vue';

import axios from 'axios';

import qs from 'qs';//引入qs,axios在post引數時,要通過qs來格式化資料

// 新增請求***

axios.interceptors.request.use(

config => else if (config.method == 'post')

return config;

},error => );

// 新增響應***

axios.interceptors.response.use(

response => ,

error =>

);vue.prototype.$axios = axios;

axios中的取消請求

在axios文件中介紹的又兩個取消請求的方法 1 使用 canceltoken.source 工廠方法建立 cancel token,如下 var canceltoken axios.canceltoken var source canceltoken.source axios.get user 1...

axios中的post請求

axios是乙個基於promise用於瀏覽器和node.js的http客戶端。axios常用的api有4個,實際上對應著http請求的4種方式。這裡重點說一下get傳遞引數的方式 大方向分為兩種 1 url形式 2 通過params屬性傳遞引數 url傳遞引數也有兩種方式 1 傳統形式的url 在路...

Ajax跨域請求,設定content

一次先傳送method為options的請求到伺服器,這個請求會詢問伺服器支援哪些請求方法 get,post等 支援哪些請求頭等等伺服器的支援情況。等到這個請求返回後,如果原來我們準備傳送的請求符合伺服器的規則,那麼才會繼續傳送第二個請求,否則會在console中報錯。比如說,你原來的請求是方法方法...