后台管理系统第二课: 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授权模式
授权码模式(最常用)、
简化模式(不好)、密码模式(用于公司内部)、客户端证书模式(非常少,基本没见到过)
地址