1. 程式人生 > 其它 >後臺管理系統第二課: HTTP狀態碼_登入認證開發_角色切換_Oauth2.0協議

後臺管理系統第二課: 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授權模式
  授權碼模式(最常用)、

  簡化模式(不好)、密碼模式(用於公司內部)、客戶端證書模式(非常少,基本沒見到過)

 

 

地址