前端專案統一管理API介面

如今的前端框架層出不窮。應對的專案也是大小不一，微型的專案倒是無所謂檔案結構，大多數專案我們都需要做到以下幾點

所以我們都需要準備好符合自己開發習慣的一套框架方案以便提公升下次開發的效率。這裡以vue-cli+axios為例完善我們的api介面管理。

封裝axios檔案，統一處理請求響應

這個檔案我們一般寫在框架的util檔案下,utils/request.js

import axios from

'axios'
import store from
'@/store'
import
from
'自己的ui庫'
// 根據環境不同引入不同api位址（可以編寫不同的檔案進行環境區分）
import
from
'@/config'
// create an axios instance
const service = axios.
create()
// 設定 post、get預設 content-type
service.defaults.headers.post[
'content-type']=
service.defaults.headers.
get[
'content-type']=
// request*** request interceptor
service.interceptors.request.
use(
config =>)}
if(store.getters.token)
return config
},error =>
)// respone***
service.interceptors.response.
use(
response =>)}
return promise.
reject
(res.data ||
'error')}
else
;return promise.
resolve
(res.data)}}
, error =>
)export
default service

//請求方法封裝

import axios from
'@/utils/request'
/** * 封裝get方法
* @param url
* @param data
* @returns 
*/export
function
get(url, params =))
.then
(response =>).
catch
(err =>);
});}
/** * 封裝post請求
* @param url
* @param data
* @returns 
*/export
function
post
(url, data =),
err =>);
});}

src/api/user.js

// axios

import request from
'@/utils/request'
//user api
// 登入
export
function
login
(params))}
// 註冊
export
function
register
(params)
)}

到這裡我們api檔案規劃就基本結束了。我們只需要在需要呼叫介面的地方通過import 解構的特點進行引入即可

<

!-- home --
>
=>
login
<
/div>
<
/template>
import
from
'@/api/user'
export
default}}
, methods:).
catch
(err =>)}
},created()
}<
/script>
<
/style>

最後我們的專案目錄大概就長這樣！

Gradle統一管理版本

為了提高專案開發效率，在實際專案開發過程中往往會引入一些開源框架，還有專案中使用的各種module，當引入module過多時最好提供一種統一的方式去管理版本號，如 compilesdkversion buildtoolsversion androidtestcompile 等，便於日後對版本號進行維...

php統一管理crontab

統一管理crontab計畫任務的關鍵點，在於實現像crontab一樣對 10 這樣的命令如何進行解析。解析完成最後呼叫系統函式執行shell命令 新建控制器 console controllers testcroncontroller新增任務 this cronjobs hello index he...

Redis Key 統一管理技巧

我們的專案中可能存在多種業務場景需要接入 redis 快取，在插入快取時需要設定 key，如果這個 key 散落在專案的各個業務 中的話，會給後期維護帶來很大的不便。所以我建議把系統中用到快取 key 放到乙個類中統一管理，相同業務的 key 放到一起，這樣也提高了系統 的可讀性，讓看這個系統的人一...