解決java使用axios.js的post請(qǐng)求后臺(tái)時(shí)無(wú)法接收到入?yún)⒌膯?wèn)題
使用vue有一段時(shí)間了,下面是我在Java環(huán)境下使用vue+axios的時(shí)候遇到的一個(gè)坑,在這分享給大家,如有不正確或者疑惑的地方可以給我留言。
1.在使用異步請(qǐng)求后臺(tái)時(shí),由于官方不在更新vue-resource,推薦使用axios,因此在使用的時(shí)候難免會(huì)遇到各種問(wèn)題。目前遇到最大的問(wèn)題是在使用axios.post的請(qǐng)求向Java后端傳入入?yún)r(shí),后端無(wú)法接收到參數(shù)。在這里主要處理移動(dòng)端瀏覽器兼容的問(wèn)題。
在這里我提供了兩種解決辦法:
一、URLSearchParams.append()方法
由于URLSearchParams接口在各個(gè)瀏覽器兼容性問(wèn)題,這種方法在PC端絕大多數(shù)瀏覽器是OK的,但是在手機(jī)端正相反,基本上都不支持。
如圖:


getBarCode : _ => {
let param = new URLSearchParams();
param.append("userName","admin");
param.append("userPassword","admin");
axios.post("/index.html",param)
.then(function(response){
console.log(response);
})
.catch(function(response){
console.log(response)
})
}
二、主要解決移動(dòng)端瀏覽器兼容性問(wèn)題
//請(qǐng)求后臺(tái)數(shù)據(jù)之前轉(zhuǎn)換入?yún)?
transformRequest: function (data) {
let ret = ''
for (let it in data) {
ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
}
return ret
}
axios.post(url,this.transformRequest(param),{
headers: {
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
}
}).then(function(res){
console.log(res);
}).catch(function(res){
console.log(res);
})
以上這篇解決java使用axios.js的post請(qǐng)求后臺(tái)時(shí)無(wú)法接收到入?yún)⒌膯?wèn)題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
詳解Spring AOP 實(shí)現(xiàn)主從讀寫(xiě)分離
本篇文章主要介紹了Spring AOP 實(shí)現(xiàn)主從讀寫(xiě)分離,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03
Java編程用棧來(lái)求解漢諾塔問(wèn)題的代碼實(shí)例(非遞歸)
這篇文章主要介紹了Java編程用棧來(lái)求解漢諾塔問(wèn)題的代碼實(shí)例(非遞歸),具有一定參考價(jià)值,這里給大家分享下,供朋友們參考。2017-10-10
提高開(kāi)發(fā)效率Live?Templates使用技巧詳解
這篇文章主要為大家介紹了提高開(kāi)發(fā)效率Live?Templates使用技巧詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-01-01

