vue中封裝axios請求成方法呼叫

2021-10-11 16:32:25 字數 1324 閱讀 8480

/*

包含n個介面請求函式的模組

函式的返回值: promise物件

// 1、根據經緯度獲取位置詳情

export const reqaddress = (geohash) => ajax(`$/position/$`)

// 2、獲取食品分類列表

export const reqfoodcategorys = () => ajax(base_url+'/index_category')

// 3、根據經緯度獲取商鋪列表

export const reqshops = (longitude, latitude) => ajax(base_url+'/shops', )

// 4、根據經緯度和關鍵字搜尋商鋪列表

export const reqsearchshop = (geohash, keyword) => ajax(base_url+'/search_shops', )

// 6、使用者名稱密碼登陸

export const reqpwdlogin = () => ajax(base_url+'/login_pwd', , 'post')

// 7、傳送簡訊驗證碼

export const reqsendcode = (phone) => ajax(base_url+'/sendcode', )

// 8、手機號驗證碼登陸

export const reqsmslogin = (phone, code) => ajax(base_url+'/login_sms', , 'post')

// 9、根據會話獲取使用者資訊

export const requserinfo = () => ajax(base_url+'/userinfo')

// 10、使用者登出

export const reqlogout = () => ajax(base_url+'/logout')

/** * 獲取商家資訊

*/export const reqshopinfo = () => ajax('/info')

/** * 獲取商家評價陣列

*/export const reqshopratings = () => ajax('/ratings')

/** * 獲取商家商品陣列

*/export const reqshopgoods = () => ajax('/goods')

Vue中封裝Axios請求方法

import axios from axios import from element ui 網域名稱位址 axios.defaults.baseurl request 請求異常攔截 axios.interceptors.request.use config err return promise.r...

vue專案中封裝axios請求

1.前言 之前是我負責這個專案的搭建,及打包上線,整個專案都是我乙個人來做,所以介面寫的遍地都是,造成了瀏覽起來很難受,不便於維護 所以就打算封裝一下axios 建立乙個apis 的js檔案來集中管理介面,走著!首先考慮的是通過promise來封裝axios,使 看起來更清晰明了 2.1 專案中引入...

在vue中封裝axios

將 axios 新增到vue的原型中 例項物件可以直接使用原型物件中的屬性或方法 所有的元件都是vue的例項 說明 只要是像 axios 這樣的第三方庫 與vue沒有任何關係 都應該通過這種方式來統一匯入 然後在元件中就用this.http代替axios 然後在元件的路徑可以寫成這樣 只要配置了攔擊...