Vue 請求傳公共參數(shù)的操作
我就廢話不多說了，大家還是直接看代碼吧~
// An highlighted block
//http request攔截器
axios.interceptors.request.use(
config =>{
const token = window.sessionStorage.getItem('Tk_token')
const user_id=window.sessionStorage.getItem('Tk_user_id')
// config.data = JSON.stringify(config.data);
// config.headers = {
// 'Content-Type':'application/x-www-form-urlencoded'
// }
if(token){
config.params = {'token':token,'user_id':user_id}
}
console.log(config);
return config;
},
err =>{
return Promise.reject(err);
}
)
補(bǔ)充知識：Vue聯(lián)合axios發(fā)送后臺post請求時的參數(shù)問題
開始用的是vue-resource,后來發(fā)現(xiàn)這個已經(jīng)很久沒有更新了，作者已經(jīng)停止更新了，而且就連作者也推薦用axios，那么我就用axios吧，改成axios之后，就出現(xiàn)了一個問題：參數(shù)問題。
怎么個參數(shù)問題呢？用vue-response來發(fā)送post請求的時候，傳入的參數(shù)到后臺是一個一個分開的，比如傳了參數(shù)
{
username:'name1',
password:'pwd1'
}
就是很簡單的用戶名和密碼，vue-resource傳到后臺之后，后臺的接口方法參數(shù)是兩個，一個是username，一個是password，都可以分別取到；但是axios不同，axios到后臺之后，是一個map結(jié)構(gòu)的對象，需要用@RequestBody Map map這種方式來獲取，然后從map中一個一個取出來，這樣也可以。但是有沒有辦法讓axios傳給后臺的參數(shù)也是一個一個的呢？當(dāng)然有。
第一個方法就是URLSearchParams,用這個添加好參數(shù)，到后臺就是一個一個的，但是這個IE不支持。
還有一個辦法，就是qs，qs的話有兩種引入方式，一種就是用npm安裝好后，直接import，然后就可以用了；另一種就是在頁面直接引入qs.js，就是<script src='js/qs.js'></script>這種方式，然后
注意了！
這里要注意了！
如果是import方式引入的，我們就用qs.stringify調(diào)用就好了，但是！??！
注意了！
如果是js文件引入的方式，用的Qs，不是qs，Q是大寫的Q，也就是Qs.stringify。
然后就可以了！
以上這篇Vue 請求傳公共參數(shù)的操作就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了Vue異步組件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
Vue3進(jìn)階主題Composition API使用詳解
這篇文章主要為大家介紹了Vue3進(jìn)階主題Composition API使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
vue3 學(xué)習(xí)筆記之a(chǎn)xios的使用變化總結(jié)
本篇文章主要旨在幫助正在學(xué)vue3或者準(zhǔn)備學(xué)vue3的同學(xué)了解網(wǎng)絡(luò)請求axios該如何使用，防止接觸了一點(diǎn)點(diǎn)vue3的同學(xué)會有個疑問。有興趣的小伙伴可以關(guān)注一下2021-11-11
這篇文章主要介紹了在pycharm中開發(fā)vue的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
vue3點(diǎn)擊按鈕下載文件功能的代碼實(shí)現(xiàn)
在寫vue項目時,有個需求是點(diǎn)擊表格中某一行的下載按鈕,然后開始下載這一行對應(yīng)的文件,所以本文小編給大家介紹了使用vue3實(shí)現(xiàn)點(diǎn)擊按鈕下載文件功能,文中有詳細(xì)的代碼示例供大家參考,需要的朋友可以參考下2024-01-01
vue?el-switch初始值(默認(rèn)值)不能正確顯示狀態(tài)問題及解決
這篇文章主要介紹了vue?el-switch初始值(默認(rèn)值)不能正確顯示狀態(tài)問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
眾所周知vue是操作dom元素的,那么如果有元素要動態(tài)綁定樣式,這種需求,還是要通過改變數(shù)據(jù)來改變視圖的樣式,下面這篇文章主要給大家介紹了關(guān)于Vue動態(tài)樣式綁定的相關(guān)資料,需要的朋友可以參考下2023-04-04
這篇文章主要為大家詳細(xì)介紹了vue定義模態(tài)框的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了vue.js中如何導(dǎo)出Excel表格,在項目中經(jīng)常會遇到這樣的需求，今天小編分步驟通過實(shí)例代碼給大家詳細(xì)介紹，需要的朋友可以參考下2019-06-06
文章介紹了vue中向子組件傳值并允許修改的機(jī)制,通過defineModel實(shí)現(xiàn)雙向綁定,它返回一個ref,并且可以配置底層prop的選項,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2025-01-01