后台管理系统第二课: 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授权模式
　　授权码模式（最常用）、

　　简化模式(不好)、密码模式(用于公司内部)、客户端证书模式(非常少,基本没见到过)

 

 

地址