解決axios傳遞引數後台無法接收問題

2021-08-22 09:57:38 字數 1901 閱讀 5316

1.根據下面幾個方法改變前台傳遞引數方式

這樣後台就可以直接根據傳遞的引數獲取資料,如下圖使用者登入時直接傳遞使用者名稱和密碼

2.不改變前台傳遞樣式修改後台接收方式

以上為解決問題方案

以下是參考文章

axios

1. 跨域: 

get請求不贅述,如下設定後台允許跨域便可使用 

post請求時,被轉換為options,並且出現403 forbidden 

2. 傳參為null

response.setheader( "access-control-allow-headers","origin, x-requested-with, content-type, accept");

"access-control-allow-origin", "*" ); //可以訪問此域資源的域。*為所有

response.addheader( "access-control-allow-methods", "post,options,get" ); //可以訪問此域的指令碼方法型別

response.addheader( "access-control-max-age", "1000" );

proxytable: ,

changeorigin:true,//允許跨域

pathrewrite:

}},

chrome 瀏覽器 右鍵屬性, 找到目標,在後面加上

--disable-web-security --user-data-dir=c:\mychromedevuserdata
我們後台要求傳的引數格式必須為:

下面送上我的axios呼叫方法:

this.$post('',

this.$qs.stringify()})).then((response) => )

}).catch((response) => else

this.$notify.error()

})

post 傳引數 有兩種格式,一種是字串,一種是json

let params = new urlsearchparams();
// 如上面axios用法裡引數的處理一樣
至此,資料返回成功 

axios傳遞陣列引數

最近乙個練手vue專案,選擇axios作為網路請求庫。後台一介面使用了陣列作為引數。本以為沒什麼,實則遇到了乙個大坑。axios.post url,then res 如果你像正常的方式一樣,將乙個陣列作為乙個請求引數傳遞,那麼要麼axios直接丟擲連線異常,要麼後端介面接收不到匹配的引數。impor...

axios 傳遞陣列引數

正常傳參 request是封裝axios的請求方法,這部分以後貼具體的封裝 import request from utils request export function fetchlist query 陣列傳參 資料定義為陣列,傳遞的引數希望的格式是 http ip contract?stat...

vue結合axios傳遞引數

首先要安裝好axios import axios from axios 匯入axios export default args testinte ce args 把form表單轉json格式 function fromjson json vue中方法 methods else testfun2 cf...