Vue Angular框架介面呼叫管理

2021-10-17 08:28:01 字數 2278 閱讀 6420

在vue專案中,避免介面呼叫混亂,難以維護,採用介面配置的方式統一管理。

主體思想為:呼叫介面時使用統一入口,通過配置進行呼叫。

實現如下:

專案中新增inte***ceservice資料夾,

新增介面配置檔案inte***ceconfig.js:

export

default

, login:

}}

新增getinte***ce.js

import axios from

'axios'

import inte***ceconfig from

'./inte***ceconfig.js'

/** * 新增請求、響應***

axios.interceptors.request.use(function (config) , function (error) )

axios.interceptors.response.use(function (response) , function (error) )

*/export

default

function

(inte***cename, param =

null

)// mock模式,獲取mock資料

if(inte***ceconfig.feindependence || inte***cecontent.ismock)

else

)case

'post'

:case

'put'

:return axios[method]

(requesturl,

)default

:return promise.

reject

(new

error

('request method error:'

+ method))}

}}

模組通過引入getinte***ce.js進行呼叫

import getinte***ce from

'@/inte***ceservice/getinte***ce'

getinte***ce

('getintro').

then

(res =>).

catch

(err =>

)

angular則通過將服務進行依賴注入的方式

// 獲取mock資料

介面聯調unittest框架內指令碼設計(檔案傳參)

針對多個介面進行聯調測試,呼叫介面內容如下 1 使用者註冊介面 2 使用者登入介面 3 忘記密碼介面 4 提交密保問題答案 5 回答完密保問題後修改密碼介面 6 使用者登入介面 下圖是資料檔案test wjmm.csv 下面是檔案目錄 下面是讀取檔案 封裝在reader方法內 import csv ...

GatewayWorker 前端呼叫介面除錯不通

建立wss服務 參考方法一 直接用workerman開啟ssl require once dir workerman autoloader.php use workerman worker 證書最好是申請的證書 context array ssl array 請使用絕對路徑 local cert 磁...

介面效能調優記錄

最近專案需要效能調優 1.使用postman新增響應時間200ms測試用例 2.逐個測試,找出有效能問題的介面,單個調優 3.在方法裡加入時間戳或者stopwatch,找出有效能問題的 4.一般都是sql優化,執行計畫看下是否走了索引,沒有就加下索引,大的sql看看能否拆成小的 5.優化,可以使用多...