nuxt的中間件


 nuxt的中間件的使用結束

 

 

1.中間件的介紹中間件一個放在middleware目錄中,中間件是一個js文件,可以使用函數定義一個頁面的中間件,會在頁面初始化之前調用

// 列如在middleware目錄中創建baseurl.js文件來定義中間件函數

import axios from 'axios'
export default function ({ route, store, redirect }) {
    if (store.state) {
        alert('抱歉您沒有token,請先登錄')
        return redirect('/search')
    }
}


// 之后在nuxt-config.js中配置,之后就可以在每一個頁面中使用

router: {
    middleware: 'baseurl'    // 是js文件名字
}



// 但是如果不想在每一個頁面中使用,可以在需要的頁面中指定

// 指定中間件函數
middleware: 'baseurl',

 

更詳細的部分請查看nuxt.js文檔


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM