Vue項目--登入功能

1 登陸概述

1.1 登陸業務流程

• 在登陸頁面輸入用戶名和密碼
• 調用後臺接口進行驗證
• 經過驗證以後，根據後臺的響應狀態跳轉到項目主頁

1.2 登陸業務的相關技術點

問題：

• http 是無狀態的

沒法記錄用戶的登入狀態

解決：
方案一：

• 經過 cookie 在客戶端記錄狀態
• 經過 session 在服務器端記錄狀態

若是前端和後臺接口不存在跨域問題，則推薦使用cookie和session

方案二：

• 經過 token 方式維持狀態

若是前端和接口存在跨域問題，則使用token

登陸 — token 原理分析

1.3 登陸功能實現

1.3.1登陸頁面的佈局

在實現登陸頁面佈局以前須要添加新分支，並在新分支上進行開發

建立完新的分支以後測試項目是否能夠啓動成功

啓動項目後能夠看到這個頁面，這是vue默認的頁面