您好,登錄后才能下訂單哦!
這篇“Vue如何使用axios添加請(qǐng)求頭”文章的知識(shí)點(diǎn)大部分人都不太理解,所以小編給大家總結(jié)了以下內(nèi)容,內(nèi)容詳細(xì),步驟清晰,具有一定的借鑒價(jià)值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來(lái)看看這篇“Vue如何使用axios添加請(qǐng)求頭”文章吧。
import axios from 'axios' const service = axios.create({ baseURL: process.env.VUE_APP_API, // 請(qǐng)求的接口 timeout: 100000 // 請(qǐng)求超時(shí)時(shí)間 }) // 使用攔截器,定義全局請(qǐng)求頭 service.interceptors.request.use(config => { // 在請(qǐng)求頭中添加token config.headers.Authorization = window.localStorage.getItem("user") return config }) // 設(shè)置 Vue.prototype.$http 為 axios 的別名: Vue.prototype.$http=service
this.$http({ url: "url", params: { bookNumber: this.booknum } }) .then(res => { // 成功 }) .catch(err => { // 失敗 });
在瀏覽器的http的 GET, POST的跨域請(qǐng)求中,添加自定義頭部,發(fā)送不是字符串,fromData的數(shù)據(jù)時(shí),都是非簡(jiǎn)單請(qǐng)求。
瀏覽器都預(yù)先發(fā)出OPTIONS(預(yù)檢安全請(qǐng)求)。
所以我們?cè)赼xios中添加自定義頭部時(shí)候需要后端返回OPTIONS請(qǐng)求允許才進(jìn)行POST或GET請(qǐng)求。
后端中只需要對(duì)OPTIONS請(qǐng)求做出允許自定義頭部和狀態(tài)200即可。
if(req.method==='OPTIONS'){ res.writeHead(200,{ //允許跨域 "Access-Control-Allow-Origin":"*", "Access-Control-Allow-Credentials":"true", //允許請(qǐng)求類型 "Access-Control-Allow-Methods":"*", //允許自定義頭部 'Access-Control-Allow-Headers':"*", 'Access-Control-Expose-Headers':'*' }) res.end(); }
以上就是關(guān)于“Vue如何使用axios添加請(qǐng)求頭”這篇文章的內(nèi)容,相信大家都有了一定的了解,希望小編分享的內(nèi)容對(duì)大家有幫助,若想了解更多相關(guān)的知識(shí)內(nèi)容,請(qǐng)關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。