解決java使用axios.js的post請(qǐng)求后臺(tái)時(shí)無法接收到入?yún)⒌膯栴}
使用vue有一段時(shí)間了，下面是我在Java環(huán)境下使用vue+axios的時(shí)候遇到的一個(gè)坑，在這分享給大家，如有不正確或者疑惑的地方可以給我留言。
1.在使用異步請(qǐng)求后臺(tái)時(shí)，由于官方不在更新vue-resource，推薦使用axios，因此在使用的時(shí)候難免會(huì)遇到各種問題。目前遇到最大的問題是在使用axios.post的請(qǐng)求向Java后端傳入入?yún)r(shí)，后端無法接收到參數(shù)。在這里主要處理移動(dòng)端瀏覽器兼容的問題。
在這里我提供了兩種解決辦法：
一、URLSearchParams.append()方法
由于URLSearchParams接口在各個(gè)瀏覽器兼容性問題，這種方法在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)端瀏覽器兼容性問題
//請(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í)無法接收到入?yún)⒌膯栴}就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Spring Boot將項(xiàng)目打包成war包的操作方法
這篇文章主要介紹了Spring Boot將項(xiàng)目打包成war包的操作方法，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-09-09
Swagger是一個(gè)規(guī)范和完整的框架，用于生成、描述、調(diào)用和可視化RESTful風(fēng)格的?Web?服務(wù)，這篇文章主要介紹了Swagger以及knife4j的基本使用,需要的朋友可以參考下2022-08-08
MyBatis 本是apache的一個(gè)開源項(xiàng)目iBatis,接下來通過本文給大家介紹MyBatis持久層框架的用法知識(shí)小結(jié)，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2016-07-07
idea使用pagehelper實(shí)現(xiàn)后端分頁功能的步驟詳解
這篇文章主要介紹了idea使用pagehelper實(shí)現(xiàn)后端分頁功能的步驟，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-09-09
JAVA中的final關(guān)鍵字用法實(shí)例詳解
這篇文章主要介紹了JAVA中的final關(guān)鍵字用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了Java中的final關(guān)鍵字用于修飾數(shù)據(jù),方法及類的具體使用技巧,需要的朋友可以參考下2015-12-12
Springboot項(xiàng)目中運(yùn)用vue+ElementUI+echarts前后端交互實(shí)現(xiàn)動(dòng)態(tài)圓環(huán)圖(推薦)
今天給大家?guī)硪黄坛剃P(guān)于Springboot項(xiàng)目中運(yùn)用vue+ElementUI+echarts前后端交互實(shí)現(xiàn)動(dòng)態(tài)圓環(huán)圖的技能，包括環(huán)境配置及圓環(huán)圖前端后端實(shí)現(xiàn)代碼，感興趣的朋友一起看看吧2021-06-06
這篇文章主要為大家詳細(xì)介紹了Spring項(xiàng)目中自定義序列化工具的相關(guān)知識(shí),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-12-12
SpringBoot整合第三方技術(shù)的實(shí)現(xiàn)
本文主要介紹了SpringBoot整合第三方技術(shù)的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
SpringBoot中@Transiactional注解沒有效果的解決
這篇文章主要介紹了SpringBoot中@Transiactional注解沒有效果的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2021-08-08
在Java多線程編程中,wait()和sleep()是控制線程執(zhí)行和等待的兩個(gè)關(guān)鍵方法,但它們?cè)趹?yīng)用場(chǎng)景和實(shí)現(xiàn)上有顯著差異,這篇文章主要介紹了Java中wait()與sleep()兩者的不同,需要的朋友可以參考下2024-11-11