簡化使用成本。封裝是針對專案來說的,我們可以給定請求的主網域名稱、請求頭等預設值、減少使用請求時的需要傳的引數和其他配置等
現在根目錄中的src檔案中設定api檔案,在api檔案中設定以下檔案
在這裡可以設定請求攔截、響應攔截
**如下(示例):
import axios from
"axios"
;import
apifrom
"./constants"
;//帶配置項的axios例項
const instance = axios.
create(}
);// 新增請求***
instance.interceptors.request.
use(
function
(config)
,function
(error));
// 新增響應***
instance.interceptors.response.
use(
function
(response)
,function
(error));
export
function
request
(method,url,params)
}//封裝get請求方法
function
get(url,params)
//封裝post請求方法
function
post
(url,params)
在這裡設定請求方式和請求路徑具體網域名稱
const
api=
,path:}
export
default
api;
**如下(示例):
import
from
"./core"
;//引入核心檔案中封裝的請求方法
import
apifrom
"./constants"
;const apiclient =);
},register()
);},
}export
default apiclient;
//引入
import apiclient from
"./api/index"
;//暴露全域性
vue.prototype.$apiclient = apiclient;
這樣就可以在專案裡使用了??????
this
.$apiclient.
login
('傳遞引數').
then
(res=>
)
總之使用封裝api可以讓我們的**更簡潔、方便維護,
最後index.js是實際用到的請求位址,config.js是url位址存放的地方,core.js是封裝axios的地方
token是由後台判斷使用者登入後返回給前端,用來判斷使用者身份的也是使用者的唯一識別符號,只有token存在才能進行一些頁面的訪問和資料的請求!
token主要驗證了使用者身份,區別管理資訊,從而達到每個token對應乙個使用者,同時也了解了使用者操作痕跡,如果說id是身份證的話,那麼token就是你的門禁卡或者鑰匙,只有token存在的時候你在能進入下乙個頁面的門!
api封裝 搭建,註冊登入關於token的一些理解
作用 為了以後修改介面方便,如果專案很大,在每乙個頁面裡修改介面的話,很麻煩,所以封裝在乙個檔案裡,找起來也很方便 在 src 中新建乙個資料夾 util,util中新建兩個js檔案,乙個叫request.js,乙個叫api.js 在request中引入axios,然後穿件乙個axios的例項,在這...
關於登入註冊頁的製作
因為考慮使用者體驗的關係,這兩個小東西也是耗費了不少的精力 1 第一步肯定是做好登入和註冊頁的正則判斷 2 登入之後用localstorage本地儲存登入資料,在各頁面間呼叫,註冊頁也是一樣,註冊之後實現自動登入功能 3 要保證頁面重新整理之後導航欄的使用者名稱不會變成undefined,登陸成功方...
iOS 關於登入與註冊的問題
最近,有些人問到我乙個怎樣登入與註冊的問題,我就把自己專案中怎樣登入與註冊的給大家說下吧。一 先說下註冊,最主要的兩種。1.手機註冊。2.郵箱註冊。2.1這個與手機註冊是差不多的,這就不多說的。一 登入 1.下面就是登入了,這個時候,用af的post請求把賬號與密碼發給伺服器,伺服器會返回成功或者失...