簡單封裝axios外掛程式和介面的統一管理

2021-09-23 20:33:35 字數 550 閱讀 3353

現在很多公司的專案都是前後端分離的專案,那麼說到前後端分離,必定會有ajax請求來獲得後台的資料。

在做jquery專案的時候,我們都會使用它封裝好的方法來直接發起ajax請求。

在vue專案中,我們使用最多的就是axios這個外掛程式,下面就簡單的封裝下這個外掛程式並且把介面給統一化管理。

1.在專案根目錄下開啟終端安裝

npm install axios -s

2.安裝完成以後,在src目錄下建立utils目錄,用來存放用到的所有工具和外掛程式(個人習慣)

3.在utils目錄建立request.js檔案,用來配置axios,**如下:

現在很多公司的專案都是前後端分離的專案,那麼說到前後端分離,必定會有ajax請求來獲得後台的資料。

vue簡單封裝axios外掛程式

第一步 在src資料夾下建立utils資料夾,該資料夾專門用來放工具,建立request.js檔案,與axios有關的邏輯封裝在request.js中 第二步 開始封裝axios 匯入axios import axios from axios 匯入vuex import store from sto...

Nuxt外掛程式 axios封裝

在 plugins 目錄下建立js檔案 在nuxt.config.js檔案中進行註冊my.js 漫路 plugins 隨便訪問任何元件檢視控制台,快捷鍵 f12 我們可以看到輸出了兩次 第一次是我們以前經常看到的樣子 第二次在nuxt ssr中輸出的 1.1.3.1 所以為什麼會這樣呢?因為使用的s...

axios 簡單封裝

參考文件 建立乙個http.js檔案 import axios from axios import from vant 環境的切換 if process.env.node env development else if process.env.node env debug else if proce...