這期內容當中小編將會給大家?guī)碛嘘P使用Vue-axios怎么設置請求頭，文章內容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

創(chuàng)新互聯成立以來不斷整合自身及行業(yè)資源、不斷突破觀念以使企業(yè)策略得到完善和成熟，建立了一套“以技術為基點，以客戶需求中心、市場為導向”的快速反應體系。對公司的主營項目，如中高端企業(yè)網站企劃 / 設計、行業(yè) / 企業(yè)門戶設計推廣、行業(yè)門戶平臺運營、App定制開發(fā)、手機網站制作設計、微信網站制作、軟件開發(fā)、西云機房等實行標準化操作，讓客戶可以直觀的預知到從創(chuàng)新互聯可以獲得的服務效果。

在axios向后端傳參時需要設置請求頭，確保請求參數的格式為JSON字符串（此時用JSON.stringify(obj)無效時）

this.$axios({
   method:'',
   url:'',
   headers: {
     'Content-Type': 'application/json',//設置請求頭請求格式為JSON
     'access_token': this.token //設置token 其中K名要和后端協(xié)調好
   },
   params:{}
}).then((response)=>{})

下面看下axios設置請求頭內容

axios設置請求頭中的Authorization 和 cookie 信息：

GET請求

axios.get(urlString, 
  {
    headers: {
      'Authorization': 'Bearer ' + token,
      "Cookie" : 'sessionId=' + sessionId + '; recId=' + recId,
      ...
    },
    params: {
      param1: string,
      param2: string
    },
    ...
  }
)
.then(res => fn)
.catch(e => fn)

POST請求

axios.post(urlString, 
  {
    data: data,
    ...
  },
  {
    headers: {
      'Authorization': 'Bearer ' + token,
      "Cookie" : 'sessionId=' + sessionId + '; recId=' + recId,
      ...
    }
  }
)
.then(res => fn)
.catch(e => fn)

Vue的優(yōu)點

Vue具體輕量級框架、簡單易學、雙向數據綁定、組件化、數據和結構的分離、虛擬DOM、運行速度快等優(yōu)勢，Vue中頁面使用的是局部刷新，不用每次跳轉頁面都要請求所有數據和dom，可以大大提升訪問速度和用戶體驗。

上述就是小編為大家分享的使用Vue-axios怎么設置請求頭了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注創(chuàng)新互聯行業(yè)資訊頻道。

當前標題：使用Vue-axios怎么設置請求頭-創(chuàng)新互聯
本文URL：http://jinyejixie.com/article8/ggsop.html

成都網站建設公司_創(chuàng)新互聯，為您提供網站設計、移動網站建設、軟件開發(fā)、品牌網站設計、網頁設計公司、網站制作

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯