亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

axios在Vue3中的使用實例代碼

 更新時間：2023年07月04日 14:34:06   作者：velpro_!  
Axios是一個基于Promise的HTTP客戶端，用于瀏覽器和Node.js，這篇文章主要介紹了axios在Vue3中的使用,需要的朋友可以參考下

Axios是一個基于Promise的HTTP客戶端，用于瀏覽器和Node.js。它可以在瀏覽器中發(fā)送異步請求，也可以在Node.js中發(fā)送HTTP請求。Axios可以處理HTTP請求和響應(yīng)，支持攔截器、取消請求、自動轉(zhuǎn)換JSON數(shù)據(jù)等功能。在Vue3中，Axios是一個常用的HTTP請求庫。

1. 安裝：npm install axios

2. 配置基礎(chǔ)實例

// utils/http.js
import axios from "axios";
// 創(chuàng)建實例
 const httpInstance = axios.create({
     baseURL:'https://pcapi-xiaotuxian-front-devtest.itheima.net',
     timeout:5000
 })
// 如果項目里需要得到接口基地址不同，可以這樣做
// axios.create()方法可以執(zhí)行多次，每次執(zhí)行就會生成一個新的實例
// const httpInstance2 = axios.create({
//     baseURL:'url2',  // 基地址
//     timeout:5000    // 超時器
// })
//攔截器
httpInstance.interceptors.request.use(config=>{
    return config
},e=>Promise.reject(e))
//響應(yīng)器
httpInstance.interceptors.response.use(res=> res.data,e=>{
    return Promise.reject(e)
})
// 導(dǎo)出
export default httpInstance

3. 

// apis/testApi.js
import httpInstance from "@/utils/http";
export function getCatefory(){
    return httpInstance({
        url:'home/category/head'
    })
}

4. 使用

import {getCatefory} from '@/apis/testApi'
getCatefory().then(res=>{
    console.log(res)
})

到此這篇關(guān)于axios在Vue3中的使用的文章就介紹到這了,更多相關(guān)axios在Vue3使用內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

  • vue如何獲取光標位置

    vue如何獲取光標位置

    這篇文章主要介紹了vue獲取光標位置方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-07-07
  • 強烈推薦!Vue3.2中的setup語法糖

    強烈推薦!Vue3.2中的setup語法糖

    script?setup是vue3的新語法糖,并不是新增的功能模塊,只是簡化了以往的組合式API必須返回(return)的寫法,并且有更好的運行時性能,這篇文章主要給大家介紹了關(guān)于Vue3.2中setup語法糖的相關(guān)資料,需要的朋友可以參考下
    2021-12-12
  • Vue項目判斷開發(fā)、測試、正式環(huán)境過程

    Vue項目判斷開發(fā)、測試、正式環(huán)境過程

    這篇文章主要介紹了Vue項目判斷開發(fā)、測試、正式環(huán)境過程，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
    2022-04-04
  • vue實現(xiàn)通過手機號發(fā)送短信驗證碼登錄的示例代碼

    vue實現(xiàn)通過手機號發(fā)送短信驗證碼登錄的示例代碼

    本文主要介紹了vue實現(xiàn)通過手機號發(fā)送短信驗證碼登錄的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-05-05
  • vue使用moment如何將時間戳轉(zhuǎn)為標準日期時間格式

    vue使用moment如何將時間戳轉(zhuǎn)為標準日期時間格式

    這篇文章主要介紹了vue使用moment如何將時間戳轉(zhuǎn)為標準日期時間格式問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
    2023-05-05
  • 如何使用 Vue Router 的 meta 屬性實現(xiàn)多種功能

    如何使用 Vue Router 的 meta 屬性實現(xiàn)多種功能

    在Vue.js中,Vue Router 提供了強大的路由管理功能,通過meta屬性,我們可以在路由定義中添加自定義元數(shù)據(jù),以實現(xiàn)訪問控制、頁面標題設(shè)置、角色權(quán)限管理、頁面過渡效果,本文將總結(jié)如何使用 meta 屬性來實現(xiàn)這些常見的功能,感興趣的朋友一起看看吧
    2024-06-06
  • 淺析Vue3中Excel下載模板并導(dǎo)入數(shù)據(jù)功能的實現(xiàn)

    淺析Vue3中Excel下載模板并導(dǎo)入數(shù)據(jù)功能的實現(xiàn)

    這篇文章主要為大家詳細介紹了Vue3中的Excel數(shù)據(jù)管理,即下載模板并導(dǎo)入數(shù)據(jù)功能的實現(xiàn),文中的示例代碼講解詳細,感興趣的小伙伴可以參考一下
    2024-05-05
  • Vue自定義組件實現(xiàn)?v-model?的幾種方式

    Vue自定義組件實現(xiàn)?v-model?的幾種方式

    在?Vue?中,v-model?是一個常用的指令,用于實現(xiàn)表單元素和組件之間的雙向綁定,當(dāng)我們使用原生的表單元素時,直接使用?v-model?是很方便的,本文給大家介紹了Vue自定義組件實現(xiàn)?v-model?的幾種方式,需要的朋友可以參考下
    2024-02-02
  • elementPlus表格二次封裝過程

    elementPlus表格二次封裝過程

    我們正常在開發(fā)項目中,表格的風(fēng)格是一致的,但是表格或多或少會有些不同,有些是需要分頁,有些是按鈕功能不同,有些又需要加Tag,或者對時間進行格式化等,這篇文章主要介紹了elementPlus表格二次封裝過程,需要的朋友可以參考下
    2024-07-07
  • Vue?關(guān)于$emit與props的使用示例代碼

    Vue?關(guān)于$emit與props的使用示例代碼

    父組件使用 props 把數(shù)據(jù)傳給子組件，子組件使用 $emit 觸發(fā)父組件的自定義事件，今天通過示例給大家詳細介紹下Vue?關(guān)于$emit與props的使用，感興趣的朋友一起看看吧
    2022-03-03

最新評論