關於API封裝搭建,註冊登入和Token的理解

2021-10-10 04:12:37 字數 1758 閱讀 1582

簡化使用成本。封裝是針對專案來說的,我們可以給定請求的主網域名稱、請求頭等預設值、減少使用請求時的需要傳的引數和其他配置等

現在根目錄中的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請求把賬號與密碼發給伺服器,伺服器會返回成功或者失...