欧美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
 // 基礎(chǔ)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'
 },
 //設(shè)置超時時間
 timeout: 1000,
 //返回數(shù)據(jù)類型
 responseType: 'json', // default

  .....等等
}

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

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

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

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

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

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

    vue 項(xiàng)目如何引入微信sdk接口的方法

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

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

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

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

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

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

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

    通過Element ui往頁面上加一個分頁導(dǎo)航條的方法

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

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

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

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

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

    Vue Router路由無法跳轉(zhuǎn)問題匯總

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

最新評論