後臺管理系統第二課: HTTP狀態碼_登入認證開發_角色切換_Oauth2.0協議
一、http狀態響應碼
2開頭
200:http響應成功
3開頭
302:頁面或請求進行了多次重定向
4開頭
400:引數不正確
get請求 :
/a/10 稱為 : restful介面
/a?id=10 稱為 : request query介面
post請求 :
form/data
Request Body : 是post請求(用swgeer就會這樣)
object:JSON.stringify({寫上引數})
403:沒許可權
404:找不到請求
415:Unsupported Media Type:不支援的媒體型別
application/json text/html
5開頭
500:內部伺服器錯誤(也就是說後端介面報錯了)
二.代理
/** * 每次改vue.config.js的話,需要重啟 * 代理-在本地的話是需要代理的,但是線上的話,就不需要 * 訪問的是以 '/adminapp' 開頭的 , 會把介面重新調到 'http://testadmin.xuexiluxian.cn/' * */ proxy: { '/adminapp': { target: 'http://testadmin.xuexiluxian.cn/', changeOrigin: true,//就是把上面的/adminapp 變為 空 // pathRewrite: { // '^/adminapp': '' // } } // before: require('./mock/mock-server.js') }
如果,你再target加上 /adminapp 的話,就會變成
http://testadmin.xuexiluxian.cn/adminapp /adminapp/ ...
那麼就會不對了,那你就要把pathRewrite開啟,就變正常了
http://testadmin.xuexiluxian.cn/adminapp/
三.Axios
1、請求攔截器
service.interceptors.request
主要的作用就是,統一的在傳送請求前,向請求物件中新增某些引數
或者在請求前,統一的處理一些事情(可以用來開發操作日誌功能)
2、響應攔截器
service.interceptors.response
主要的作用就是對後端返回的資料進行統一的處理,比如狀態碼
判斷如果不是200的狀態碼,那麼就進行統一報錯或提示
四.第三方登入(Oauth2.0協議)
1、用到了一個很重要的協議Oauth2.0協議
2、該協議主要規定了授權等規範
3、Oauth2.0協議具有的角色
資源擁有者、第三方應用(相對於服務提供商來說的)、
認證伺服器、資源伺服器、服務提供商
4、Oauth2.0協議的認證流程
5、Oauth2.0授權模式
授權碼模式(最常用)、
簡化模式(不好)、密碼模式(用於公司內部)、客戶端證書模式(非常少,基本沒見到過)