视频直播系统源码,用户选择免打扰模式时的请求响应拦截
视频直播系统源码,用户选择免打扰模式时的请求响应拦截实现的相关代码
1 | // 通用的网络请求,安装axios<br>import axios from "axios";<br>//设置每个请求的类型,比如post、get、delete,所以要写成活的<br>export function request(config) {<br> const instance = axios.create({<br> baseURL: 'https://域名.cn/', //这里是默认的域名<br> timeout: 5000 //5s超时,截止请求<br> }) |
请求拦截
请求拦截器的作用是在请求发送前进行一些操作,例如在每个请求体里加上token,统一做了处理如果以后要改就很方便了~
1 | <br> //请求拦截<br> instance.interceptors.request.use(config => {<br> //如果有一个接口需要认证才可以访问,就在这里统一设置<br> return config;<br> }, err => {<br> }) |
响应拦截
响应拦截器的作用是在接收到响应后进行一些操作,例如在服务器返回登录状态失效,需要重新登录的时候,跳转到登录页。
响应拦截器也是一样如此,就是在请求结果返回后,先不直接导出,而是先对响应码进行处理,处理好后再导出给页面,如果将这个对响应码的处理过程抽出来,就成了所谓的响应拦截器。
1 | <br> //响应拦截,请求后台数据的时候,<br> instance.interceptors.response.use(res => {<br> //返回状态码200放行<br> return res.data ? res.data : res;<br> }, err => {<br> //其他错误,拦截,过滤<br> }) |
全部代码
1 | <br> // 通用的网络请求,安装axios<br>import axios from "axios";<br>//设置每个请求的类型,比如post、get、delete,所以要写成活的<br>export function request(config) {<br> const instance = axios.create({<br> baseURL: 'https://api.shop.eduwork.cn/', //这里是默认的域名<br> timeout: 5000 //5s超时,截止请求<br> })<br> //请求拦截<br> instance.interceptors.request.use(config => {<br> //如果有一个接口需要认证才可以访问,就在这里统一设置<br> return config;<br> }, err => {<br> })<br> //响应拦截,请求后台数据的时候,<br> instance.interceptors.response.use(res => {<br> //返回状态码200放行<br> return res.data ? res.data : res;<br> }, err => {<br> //其他错误,拦截,过滤<br> })<br> //需要返回才可以使用<br> return instance(config);<br>} |
以上就是视频直播系统源码,用户选择免打扰模式时的请求响应拦截实现的相关代码, 更多内容欢迎关注之后的文章
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现