如何在 Nuxt 和 Vue SSR web 應用程序中免除特定路由/頁面的登錄/授權？

Question

我有一個 web 應用程序，只有經過登錄的授權用戶才能訪問。 我希望能夠在此應用程序中共享指向特定、隔離頁面/路線的鏈接，每個擁有該鏈接的人都應該能夠訪問，無需登錄和授權，也無法在應用程序中的其他任何地方導航。

我的應用程序是服務器端渲染的，並且基於 Nuxt 和 Vue 環境。 我怎么可能 go 這樣做呢？ 是否可以僅通過 Nuxt 的 auth 模塊來實現這一點，還是有其他/更好的方法來實現這種類型的行為？

提前感謝您的任何建議和提示！

Answer 1

是的，可以使用 nuxt auth 模塊。 只需在頁面中添加auth:false （僅適用於 /pages 目錄），您希望在有/無授權的情況下可以訪問。

<script>
export default {
  name:'setup',
  auth: false,
  // ... data, methods etc.
};
</script>