axios 傳輸與springboot后臺(tái)接收數(shù)據(jù)

Axios使用說明


axios

使用不再說明,直指常見問題元兇:
1.get(url[, config])post(url[, data[, config]]),注意參數(shù)
get是在config中設(shè)置params{params:{...} }
post是設(shè)置data字段
詳細(xì)看文檔(在post里面用params會(huì)把參數(shù)放到url里的)

2.headers中的Content-Type,視乎請(qǐng)求方式(GET/POST等)的不同坊秸,有不同默認(rèn)值和處理方式

3.post方式中

// data 是作為請(qǐng)求主體被發(fā)送的數(shù)據(jù)
// 只適用于這些請(qǐng)求方法 'PUT', 'POST', 和 'PATCH'
// 在沒有設(shè)置 transformRequest 時(shí),必須是以下類型之一:
// - string, plain object, ArrayBuffer, ArrayBufferView, URLSearchParams
// - 瀏覽器專屬:FormData, File, Blob
// - Node 專屬: Stream

content-type默認(rèn)情況下將被正確設(shè)置。其他不合情景的類型由JSON.stringify()處理為字符串至会,且content-type為application/json。手動(dòng)設(shè)置content-type并不影響這個(gè)處理邏輯谱俭。

對(duì)于data是一個(gè)普通對(duì)象奉件,想以application/x-www-form-urlencoded正確post傳輸(即html表單的post提交方式)
簡易解決方法:
(1)axios.post('/api/login', 'a=1&b=2' ) 我們自己直接寫成符合的字符串
(2)使用URLSearchParams或者qs庫進(jìn)行處理,沒啥好辦法了昆著。

4.get方式中

// params 是即將與請(qǐng)求一起發(fā)送的 URL 參數(shù)
// 必須是一個(gè)無格式對(duì)象(plain object)或 URLSearchParams 對(duì)象

get方式通常無需指定content-type县貌,因此控制臺(tái)中可能看不到application/x-www-form-urlencoded這個(gè)。但這里無論是plain object還是URLSearchParams對(duì)象凑懂,都不會(huì)被JSON.stringify()處理煤痕,最終均以a=1&b=2這種形式放入url中進(jìn)行提交。

springboot后臺(tái)

1.@RequestParam 可正確注入Content-Type為application/x-www-form-urlencodedmultiple/form-data傳輸?shù)膮?shù)征候。另外由于約定優(yōu)于配置杭攻,該注解可省略

2.@RequestBody 可正確注入Content-Type為application/json傳輸?shù)膮?shù)。此時(shí)寫一個(gè)與該json對(duì)應(yīng)的java類即可對(duì)應(yīng)注入疤坝。不想多寫一個(gè)java類的話可以直接用Map<String,Object>代替兆解,反正有鍵值對(duì)這樣的結(jié)構(gòu)就行。

3.springboot根據(jù)情況自行判斷該參數(shù)到底用@RequestParam還是@RequestBody注入跑揉,可以偷懶锅睛。出現(xiàn)問題時(shí),請(qǐng)手動(dòng)指明

4.前端發(fā)來multipart/form-data历谍,含有文件
一個(gè)文件時(shí):public String upload (MultipartFile file)现拒,提醒,參數(shù)file要對(duì)應(yīng)前端發(fā)來的參數(shù)名望侈,否則手動(dòng)使用@RequestParam指明
多個(gè)文件時(shí)用數(shù)組/集合存:public String upload (MultipartFile[] files)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末印蔬,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子脱衙,更是在濱河造成了極大的恐慌侥猬,老刑警劉巖例驹,帶你破解...
    沈念sama閱讀 211,194評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異退唠,居然都是意外死亡鹃锈,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門瞧预,熙熙樓的掌柜王于貴愁眉苦臉地迎上來屎债,“玉大人,你說我怎么就攤上這事垢油∨杈裕” “怎么了?”我有些...
    開封第一講書人閱讀 156,780評(píng)論 0 346
  • 文/不壞的土叔 我叫張陵滩愁,是天一觀的道長召娜。 經(jīng)常有香客問我,道長惊楼,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,388評(píng)論 1 283
  • 正文 為了忘掉前任秸讹,我火速辦了婚禮檀咙,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘璃诀。我一直安慰自己弧可,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,430評(píng)論 5 384
  • 文/花漫 我一把揭開白布劣欢。 她就那樣靜靜地躺著棕诵,像睡著了一般。 火紅的嫁衣襯著肌膚如雪凿将。 梳的紋絲不亂的頭發(fā)上校套,一...
    開封第一講書人閱讀 49,764評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音牧抵,去河邊找鬼笛匙。 笑死,一個(gè)胖子當(dāng)著我的面吹牛犀变,可吹牛的內(nèi)容都是我干的妹孙。 我是一名探鬼主播,決...
    沈念sama閱讀 38,907評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼获枝,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼蠢正!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起省店,我...
    開封第一講書人閱讀 37,679評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤嚣崭,失蹤者是張志新(化名)和其女友劉穎笨触,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體有鹿,經(jīng)...
    沈念sama閱讀 44,122評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡旭旭,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,459評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了葱跋。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片持寄。...
    茶點(diǎn)故事閱讀 38,605評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖娱俺,靈堂內(nèi)的尸體忽然破棺而出稍味,到底是詐尸還是另有隱情,我是刑警寧澤荠卷,帶...
    沈念sama閱讀 34,270評(píng)論 4 329
  • 正文 年R本政府宣布模庐,位于F島的核電站,受9級(jí)特大地震影響油宜,放射性物質(zhì)發(fā)生泄漏掂碱。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,867評(píng)論 3 312
  • 文/蒙蒙 一慎冤、第九天 我趴在偏房一處隱蔽的房頂上張望疼燥。 院中可真熱鬧,春花似錦蚁堤、人聲如沸醉者。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽撬即。三九已至,卻和暖如春呈队,著一層夾襖步出監(jiān)牢的瞬間剥槐,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評(píng)論 1 265
  • 我被黑心中介騙來泰國打工掂咒, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留才沧,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,297評(píng)論 2 360
  • 正文 我出身青樓绍刮,卻偏偏與公主長得像温圆,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子孩革,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,472評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容