最近在寫后臺(tái)管理系統(tǒng)（我怎么一直都只寫管理系統(tǒng)啊啊啊啊啊啊?。龅揭粋€(gè)需求，就是要在原有系統(tǒng)的基礎(chǔ)上，添加一個(gè)倉(cāng)庫(kù)的切換，并且需要把選中倉(cāng)庫(kù)對(duì)應(yīng)的id以請(qǐng)求頭參數(shù)的形式傳遞到每一個(gè)接口當(dāng)中。。。
需求場(chǎng)景
如上圖所示：需要在接口請(qǐng)求頭中添加一個(gè)Storeid參數(shù)。
之前在博客中寫過(guò)單個(gè)接口添加請(qǐng)求頭的方法，如下面的代碼，也是可以實(shí)現(xiàn)的。
ajax——單個(gè)接口請(qǐng)求頭設(shè)置方法1：
$.ajax({
url: "/bigscreen/home/getDeptRiskInfoById",
async: false,//是否異步，如果開啟，則接口同步進(jìn)行
type: "GET",//大寫的GET等同于小寫的get
data: {
deptId: id,
},
headers: { "token": token },//設(shè)置請(qǐng)求頭
success: function (data) {
//
}
});
ajax——單個(gè)接口請(qǐng)求頭設(shè)置方法2：
$.ajax({
url: "/api/SchemeMain?id=" + row.id,
type: "delete",
beforeSend: (request) => {
request.setRequestHeader("operator", encodeURIComponent(this.userName));
request.setRequestHeader("operatorId", this.userId);
},
xhrFields: {
withCredentials: true
},
success: res => {
if (res.success) {
this.$message.success('刪除成功');
} else {
this.$message.error(res.message);
}
},
complete: () => {}
})
但是由于當(dāng)前系統(tǒng)改裝，接口實(shí)在是太多，則我這邊需要全局設(shè)置一下請(qǐng)求頭：
ajax——全局設(shè)置請(qǐng)求頭的方法
前提是需要引入jquery，事先我是將倉(cāng)庫(kù)id以localstorage的形式存儲(chǔ)到本地緩存中了，緩存名稱：currentStoreId
<script>
// 設(shè)置全局的默認(rèn)請(qǐng)求頭
$.ajaxSetup({
headers: {
'StoreId': localStorage.getItem('currentStoreId') // 設(shè)置 Authorization 字段
}
});
</script>
同理，axios的全局設(shè)置請(qǐng)求頭的方法如下：文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-822064.html
axios——全局設(shè)置請(qǐng)求頭的方法
import axios from 'axios';
import Cookie from 'js-cookie';
const BASE_URL = process.env.VUE_APP_API_BASE_URL;
axios.defaults.timeout = 20000;
axios.defaults.withCredentials = false;
axios.defaults.baseURL = BASE_URL;
axios.defaults.headers.common['Authorization'] = getAuthorization();
axios.defaults.headers.common['ceshi'] = '2222'; //可以設(shè)置組織架構(gòu)id
效果如下所示：
完成！?。《喽喾e累，多多收獲！??！文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-822064.html
到了這里，關(guān)于ajax+axios——統(tǒng)一設(shè)置請(qǐng)求頭參數(shù)——添加請(qǐng)求頭入?yún)ⅰA(chǔ)積累的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
