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

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

地址