欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue路由攔截器和請(qǐng)求攔截器知識(shí)點(diǎn)總結(jié)

 更新時(shí)間：2019年11月08日 14:31:02   作者：巫小詩(shī)  
在本篇文章里小編給各位整理的是一篇關(guān)于vue路由攔截器和請(qǐng)求攔截器知識(shí)點(diǎn)總結(jié)文章，有興趣的朋友們學(xué)習(xí)下。

路由攔截器

已路由為導(dǎo)向

router.beforeEach((to,from,next)=>{
  if(to.path=='/login' || localStorage.getItem('token')){
   next();
  }else{
   alert('請(qǐng)重新登錄');
   next('/login');
  }
})

請(qǐng)求攔截器

當(dāng)發(fā)送請(qǐng)求時(shí)才會(huì)觸發(fā)此功能

axios.interceptors.request.use(function (config) {
 let token = window.localStorage.getItem("token");
   if (token) {
     config.headers.token = token;  //將token放到請(qǐng)求頭發(fā)送給服務(wù)器
   }
   return config; // 最終需要返回config
  }, function (error) {
    return Promise.reject(error);
});

知識(shí)點(diǎn)和代碼非常簡(jiǎn)單，更多知識(shí)點(diǎn)可以在下方相關(guān)文章找到，感謝大家對(duì)腳本之家的支持。

相關(guān)文章

  • Vue router傳遞參數(shù)并解決刷新頁(yè)面參數(shù)丟失問(wèn)題

    Vue router傳遞參數(shù)并解決刷新頁(yè)面參數(shù)丟失問(wèn)題

    這篇文章主要介紹了Vue router傳遞參數(shù)并解決刷新頁(yè)面參數(shù)丟失問(wèn)題，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-12-12
  • vuex的使用和簡(jiǎn)易實(shí)現(xiàn)

    vuex的使用和簡(jiǎn)易實(shí)現(xiàn)

    這篇文章主要介紹了vuex的使用和簡(jiǎn)易實(shí)現(xiàn)，幫助大家更好的理解和使用vuex，感興趣的朋友可以了解下
    2021-01-01
  • vue?Proxy數(shù)據(jù)代理進(jìn)行校驗(yàn)部分源碼實(shí)例解析

    vue?Proxy數(shù)據(jù)代理進(jìn)行校驗(yàn)部分源碼實(shí)例解析

    Proxy提供了強(qiáng)大的Javascript元編程,有許多功能,包括運(yùn)算符重載,對(duì)象模擬,簡(jiǎn)潔而靈活的API創(chuàng)建,對(duì)象變化事件,甚至Vue 3背后的內(nèi)部響應(yīng)系統(tǒng)提供動(dòng)力,這篇文章主要給大家介紹了關(guān)于vue?Proxy數(shù)據(jù)代理進(jìn)行校驗(yàn)部分源碼解析的相關(guān)資料,需要的朋友可以參考下
    2022-01-01
  • Vue設(shè)置瀏覽器小圖標(biāo)(ICON)的詳細(xì)步驟

    Vue設(shè)置瀏覽器小圖標(biāo)(ICON)的詳細(xì)步驟

    vue中網(wǎng)頁(yè)圖標(biāo)默認(rèn)使用的是vue自帶的一個(gè)icon的圖標(biāo),也是vue的logo,下面這篇文章主要給大家介紹了關(guān)于Vue設(shè)置瀏覽器小圖標(biāo)(ICON)的詳細(xì)步驟,需要的朋友可以參考下
    2023-01-01
  • Vue自定義樹(shù)形控件使用詳解

    Vue自定義樹(shù)形控件使用詳解

    這篇文章主要為大家詳細(xì)介紹了Vue自定義樹(shù)形控件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2021-08-08
  • Vue-cli 使用json server在本地模擬請(qǐng)求數(shù)據(jù)的示例代碼

    Vue-cli 使用json server在本地模擬請(qǐng)求數(shù)據(jù)的示例代碼

    本篇文章主要介紹了Vue-cli 使用json server在本地模擬請(qǐng)求數(shù)據(jù)的示例代碼，非常具有實(shí)用價(jià)值，需要的朋友可以參考下
    2017-11-11
  • vue傳值的編碼和解碼方式

    vue傳值的編碼和解碼方式

    這篇文章主要介紹了vue傳值的編碼和解碼方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
    2022-07-07
  • 詳解Vue實(shí)現(xiàn)鏈接生成二維碼并支持下載

    詳解Vue實(shí)現(xiàn)鏈接生成二維碼并支持下載

    在現(xiàn)代 Web 應(yīng)用中,快速分享鏈接是一項(xiàng)常見(jiàn)需求,二維碼作為一種簡(jiǎn)潔的分享方式,受到了廣泛歡迎,所以本文將介紹如何使用 Vue 純前端技術(shù)實(shí)現(xiàn)動(dòng)態(tài)生成鏈接二維碼的方法,需要的可以參考下
    2024-03-03
  • Element Input輸入框的使用方法

    Element Input輸入框的使用方法

    這篇文章主要介紹了Element Input輸入框的使用方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-07-07
  • 如何在vue里添加好看的lottie動(dòng)畫(huà)

    如何在vue里添加好看的lottie動(dòng)畫(huà)

    這篇文章主要介紹了在vue里添加好看的lottie動(dòng)畫(huà)效果的方法，在vue中引入lottie非常簡(jiǎn)單,需要的朋友可以參考下
    2018-08-08

最新評(píng)論