欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue-axios使用詳解

 更新時間:2017年05月10日 10:51:34   作者:ABC君  
本篇文章主要介紹了vue-axios使用詳解,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

vue-axios

GET請求

axios.get("/user?id=1")
  .then(function(response){
  })
  .catch(function(error){
  })

POST請求

axios.post('/user', {
  firstName: 'Fred',
  lastName: 'Flintstone'
 })
 .then(function (response) {
  console.log(response);
 })
 .catch(function (error) {
  console.log(error);
 });

合并請求

function getUserAccount() {
 return axios.get('/user/12345');
}

function getUserPermissions() {
 return axios.get('/user/12345/permissions');
}

axios.all([getUserAccount(), getUserPermissions()])
 .then(axios.spread(function (acct, perms) {
  // Both requests are now complete
 }));

配置

import Qs from 'qs'
{
 //請求的接口,在請求的時候,如axios.get(url,config);這里的url會覆蓋掉config中的url
 url: '/user',

 // 請求方法同上
 method: 'get', // default
 // 基礎url前綴
 baseURL: 'https://some-domain.com/api/',
  
    
 transformRequest: [function (data) {
  // 這里可以在發(fā)送請求之前對請求數(shù)據(jù)做處理,比如form-data格式化等,這里可以使用開頭引入的Qs(這個模塊在安裝axios的時候就已經(jīng)安裝了,不需要另外安裝)
  data = Qs.stringify({});
  return data;
 }],

 transformResponse: [function (data) {
  // 這里提前處理返回的數(shù)據(jù)

  return data;
 }],

 // 請求頭信息
 headers: {'X-Requested-With': 'XMLHttpRequest'},

 //parameter參數(shù)
 params: {
  ID: 12345
 },

 //post參數(shù),使用axios.post(url,{},config);如果沒有額外的也必須要用一個空對象,否則會報錯
 data: {
  firstName: 'Fred'
 },
 auth: {
  username: 'janedoe',
  password: 's00pers3cret'
 },
 //設置超時時間
 timeout: 1000,
 //返回數(shù)據(jù)類型
 responseType: 'json', // default

  .....等等
}

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

  • Vue+TailWindcss實現(xiàn)一個簡單的闖關小游戲

    Vue+TailWindcss實現(xiàn)一個簡單的闖關小游戲

    本文將利用Vue+TailWindcss實現(xiàn)一個簡單的闖關小游戲,玩家須躲避敵人與陷阱到達終點且擁有多個關卡,感興趣的小伙伴可以了解一下
    2022-04-04
  • ElementPlus el-message-box樣式錯位問題及解決

    ElementPlus el-message-box樣式錯位問題及解決

    這篇文章主要介紹了ElementPlus el-message-box樣式錯位問題及解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-09-09
  • vue 項目如何引入微信sdk接口的方法

    vue 項目如何引入微信sdk接口的方法

    本篇文章主要介紹了vue 項目如何引入微信sdk接口的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-12-12
  • vue-create創(chuàng)建VUE3項目詳細圖文教程

    vue-create創(chuàng)建VUE3項目詳細圖文教程

    create-vue是Vue官方新的腳手架工具,底層切換到了vite(下一代前端工具鏈),為開發(fā)提供極速響應,下面這篇文章主要給大家介紹了關于vue-create創(chuàng)建VUE3項目的相關資料,需要的朋友可以參考下
    2024-03-03
  • Vue-scoped(局部)樣式使用方法及實例代碼

    Vue-scoped(局部)樣式使用方法及實例代碼

    這篇文章主要介紹了Vue-scoped(局部)樣式使用方法及實例代碼,文中示例代碼介紹了的非常詳細感興趣的同學可以參考閱讀一下
    2023-05-05
  • vue使用tracking實現(xiàn)人臉識別/人臉偵測完整代碼

    vue使用tracking實現(xiàn)人臉識別/人臉偵測完整代碼

    作為一個AI模型,人臉識別涉及到多個技術領域,下面這篇文章主要給大家介紹了關于vue使用tracking實現(xiàn)人臉識別/人臉偵測的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
    2023-09-09
  • 通過Element ui往頁面上加一個分頁導航條的方法

    通過Element ui往頁面上加一個分頁導航條的方法

    這篇文章主要介紹了通過Element ui往頁面上加一個分頁導航條的方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2021-05-05
  • 詳解在vue-cli3.0中自定css、js和圖片的打包路徑

    詳解在vue-cli3.0中自定css、js和圖片的打包路徑

    這篇文章主要介紹了詳解在vue-cli3.0中自定css、js和圖片的打包路徑,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-08-08
  • vue表單驗證你真的會了嗎?vue表單驗證(form)validate

    vue表單驗證你真的會了嗎?vue表單驗證(form)validate

    這篇文章主要介紹了vue表單驗證你真的會了嗎?vue表單驗證(form)validate,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-04-04
  • Vue Router路由無法跳轉問題匯總

    Vue Router路由無法跳轉問題匯總

    這篇文章主要介紹了Vue Router路由無法跳轉問題匯總,在這里我整理了部分Vue Router路由無法跳轉問題,結合實例代碼給大家介紹的非常詳細,需要的朋友可以參考下
    2023-09-09

最新評論