解決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)主從讀寫分離
本篇文章主要介紹了Spring AOP 實(shí)現(xiàn)主從讀寫分離,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03Java編程用棧來(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