使用Vue-axios怎么設置請求頭

這期內容當中小編將會給大家帶來有關使用Vue-axios怎么設置請求頭，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

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

this.$axios({
   method:'',
   url:'',
   headers: {
     'Content-Type': 'application/json',//設置請求頭請求格式為JSON
     'access_token': this.token //設置token 其中K名要和后端協調好
   },
   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的優點

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

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