DAY7：Nuxt.js的中介層（Middleware）

理解中介層

中介層在Nuxt.js中的作用就像冒險隊中的導遊，它處理著您前進的每一步，確保您在旅途中不會遇到困難。中介層是在頁面渲染之前執行的功能，它可以用於許多用途，例如驗證、日誌記錄、授權等。

創建中介層

要創建中介層，只需在Nuxt.js項目的middleware文件夾中創建一個JavaScript文件。以下是一個簡單的示例：

// middleware/auth.js

export default function ({ route, redirect }) {
  // 在這裡執行您的驗證邏輯
  if (!isAuthenticated) {
    return redirect('/login')
  }
}

使用中介層

要在頁面上使用中介層，只需在頁面的Nuxt.js配置中引用它。以下是一個示例：

// pages/secure-page.vue

export default {
  middleware: 'auth'
}

這將確保在訪問secure-page頁面之前，中介層auth將被應用。