电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

vue 導航守衛和axios攔截器有哪些區別

瀏覽:46日期:2022-10-17 18:16:01

在Vue項目中,有兩種用戶登錄狀態判斷并處理的情況,分別為:導航守衛和axios攔截器。

一、什么是導航守衛?

vue-router 提供的導航守衛主要用來通過跳轉或取消的方式守衛導航。(在路由跳轉時觸發)

我們主要介紹的是可以驗證用戶登錄狀態的全局前置守衛,當一個導航觸發時,全局前置守衛按照創建順序調用。守衛是異步解析執行,此時導航在所有守衛 resolve 完之前一直處于等待中。

const router = new VueRouter({ ... }) router.beforeEach((to, from, next) => { // ...})

 每個守衛方法接收三個參數:

to: 即將要進入的目標路由對象

from: 當前導航正要離開的路由

next: Function: 一定要調用該方法來 resolve 這個鉤子。執行效果依賴 next 方法的調用參數。

next(): 進行管道中的下一個鉤子。如果全部鉤子執行完了,則導航的狀態就是 confirmed (確認的)。 next(false): 中斷當前的導航。如果瀏覽器的 URL 改變了 (可能是用戶手動或者瀏覽器后退按鈕),那么 URL 地址會重置到 from 路由對應的地址。 next(’/’) 或者 next({ path: ’/’ }): 跳轉到一個不同的地址。當前的導航被中斷,然后進行一個新的導航 next(error): (2.4.0+) 如果傳入 next 的參數是一個 Error 實例,則導航會被終止且該錯誤會被傳遞給 router.onError() 注冊過的回調。

注意:一定要確保要調用 next 方法,否則鉤子就不會被 resolved。

二、什么是axios攔截器?

在請求或響應被 then 或 catch 處理前攔截它們,分為請求攔截器(發送請求前觸發)和響應攔截器(得到響應結果后觸發)。(在請求接口調用時觸發)

// 添加請求攔截器axios.interceptors.request.use(function (config) { // 在發送請求之前做些什么 return config; }, function (error) { // 對請求錯誤做些什么 return Promise.reject(error); }); // 添加響應攔截器axios.interceptors.response.use(function (response) { // 對響應數據做點什么 return response; }, function (error) { // 對響應錯誤做點什么 return Promise.reject(error); });

注意:一定要有返回值

三、導航守衛和攔截器的使用

用戶登錄成功后我們將后臺返回的用戶token信息存儲至sessionStorage中

vue 導航守衛和axios攔截器有哪些區別

路由跳轉時使用導航守衛

vue 導航守衛和axios攔截器有哪些區別

以上就是vue 導航守衛和axios攔截器有哪些區別的詳細內容,更多關于vue 導航守衛和axios攔截器的資料請關注好吧啦網其它相關文章!

標簽: IOS
相關文章:
主站蜘蛛池模板: 合同书格式和范文_合同书样本模板_电子版合同,找范文吧 | 恒温恒湿试验箱_高低温试验箱_恒温恒湿箱-东莞市高天试验设备有限公司 | 桁架楼承板-钢筋桁架楼承板-江苏众力达钢筋楼承板厂 | 武汉森源蓝天环境科技工程有限公司-为环境污染治理提供协同解决方案 | 奇酷教育-Python培训|UI培训|WEB大前端培训|Unity3D培训|HTML5培训|人工智能培训|JAVA开发的教育品牌 | 新疆系统集成_新疆系统集成公司_系统集成项目-新疆利成科技 | 防爆大气采样器-防爆粉尘采样器-金属粉尘及其化合物采样器-首页|盐城银河科技有限公司 | 卫生纸复卷机|抽纸机|卫生纸加工设备|做卫生纸机器|小型卫生纸加工需要什么设备|卫生纸机器设备多少钱一台|许昌恒源纸品机械有限公司 | 顺景erp系统_erp软件_erp软件系统_企业erp管理系统-广东顺景软件科技有限公司 | CCE素质教育博览会 | CCE素博会 | 教育展 | 美育展 | 科教展 | 素质教育展 | 铝镁锰板厂家_进口钛锌板_铝镁锰波浪板_铝镁锰墙面板_铝镁锰屋面-杭州军晟金属建筑材料 | Jaeaiot捷易科技-英伟达AI显卡模组/GPU整机服务器供应商 | 武汉画册印刷厂家-企业画册印刷-画册设计印刷制作-宣传画册印刷公司 - 武汉泽雅印刷厂 | 丹尼克尔拧紧枪_自动送钉机_智能电批_柔性振动盘_螺丝供料器品牌 | 河南包装袋厂家_河南真空袋批发价格_河南服装袋定制-恒源达包装制品 | 全自动端子机|刺破式端子压接机|全自动双头沾锡机|全自动插胶壳端子机-东莞市傅氏兄弟机械设备有限公司 | 金环宇|金环宇电线|金环宇电缆|金环宇电线电缆|深圳市金环宇电线电缆有限公司|金环宇电缆集团 | 并网柜,汇流箱,电控设备,中高低压开关柜,电气电力成套设备,PLC控制设备订制厂家,江苏昌伟业新能源科技有限公司 | 电气控制系统集成商-PLC控制柜变频控制柜-非标自动化定制-电气控制柜成套-NIDEC CT变频器-威肯自动化控制 | 福建成考网-福建成人高考网| 宝宝药浴-产后药浴-药浴加盟-艾裕-专注母婴调养泡浴 | 乐考网-银行从业_基金从业资格考试_初级/中级会计报名时间_中级经济师 | 油缸定制-液压油缸厂家-无锡大鸿液压气动成套有限公司 | 丹佛斯变频器-丹佛斯压力开关-变送器-广州市风华机电设备有限公司 | 海外整合营销-独立站营销-社交媒体运营_广州甲壳虫跨境网络服务 焊管生产线_焊管机组_轧辊模具_焊管设备_焊管设备厂家_石家庄翔昱机械 | 日本东丽膜_反渗透膜_RO膜价格_超滤膜_纳滤膜-北京东丽阳光官网 日本细胞免疫疗法_肿瘤免疫治疗_NK细胞疗法 - 免疫密码 | 耐酸泵,耐腐蚀真空泵,耐酸真空泵-淄博华舜耐腐蚀真空泵有限公司 精密模具-双色注塑模具加工-深圳铭洋宇通 | 上海律师事务所_上海刑事律师免费咨询平台-煊宏律师事务所 | 陕西高职单招-陕西高职分类考试网| 招商帮-一站式网络营销服务|搜索营销推广|信息流推广|短视视频营销推广|互联网整合营销|网络推广代运营|招商帮企业招商好帮手 | 高考志愿规划师_高考规划师_高考培训师_高报师_升学规划师_高考志愿规划师培训认证机构「向阳生涯」 | 酒吧霸屏软件_酒吧霸屏系统,酒吧微上墙,夜场霸屏软件,酒吧点歌软件,酒吧互动游戏,酒吧大屏幕软件系统下载 | 齿式联轴器-弹性联轴器-联轴器厂家-江苏诺兴传动联轴器制造有限公司 | 干粉砂浆设备_干混砂浆生产线_腻子粉加工设备_石膏抹灰砂浆生产成套设备厂家_干粉混合设备_砂子烘干机--郑州铭将机械设备有限公司 | 蓝米云-专注于高性价比香港/美国VPS云服务器及海外公益型免费虚拟主机 | CCE素质教育博览会 | CCE素博会 | 教育展 | 美育展 | 科教展 | 素质教育展 | DAIKIN电磁阀-意大利ATOS电磁阀-上海乾拓贸易有限公司 | 南京精锋制刀有限公司-纵剪机刀片_滚剪机刀片_合金刀片厂家 | 附着力促进剂-尼龙处理剂-PP处理剂-金属附着力处理剂-东莞市炅盛塑胶科技有限公司 | 点焊机-缝焊机-闪光对焊机-电阻焊设备生产厂家-上海骏腾发智能设备有限公司 | 常州企业采购平台_常州MRO采购公司_常州米孚机电设备有限公司 |