vue.js - 如何在 Nuxt 和 Vue SSR Web 应用程序中免除特定路由/页面的登录/授权?

标签 vue.js authentication nuxt.js

我有一个网络应用程序,只有经过登录的授权用户才能访问。我希望能够在此应用程序中共享指向特定的、独立的页面/路径的链接,每个拥有该链接的人都应该能够访问,无需登录和授权,也无法在应用程序中的其他任何地方导航。

我的应用程序是服务器端呈现的,并且基于 Nuxt 和 Vue 环境。 我该怎么做呢?是否可以仅通过 Nuxt 的 auth 模块来实现这一点,或者是否有其他/更好的方法来实现这种行为?

在此先感谢您的任何建议和提示!

最佳答案

是的,nuxt auth 模块是可能的。只需在页面中添加 auth:false(仅在/pages 目录下工作)您希望在授权/未经授权的情况下访问。

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

关于vue.js - 如何在 Nuxt 和 Vue SSR Web 应用程序中免除特定路由/页面的登录/授权?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70004532/

相关文章:

javascript - Vue 单文件组件无法使用 webpack 正确加载

javascript - VueJS : How to dynamically execute Javascript from string?

node.js - 如何解决 nuxt.js 中的 "Module not found: Error: Can' t resolve 'fs'"?

validation - Vue js vee 使用自定义组件验证密码确认

typescript - Jest + Vue - 语法错误 : Unexpected token <

c# - PHP 和 C# MD5 crypt 没有给出相同的输出?

go - 为 Go : unknown credential type: "impersonated_service_account"? 使用 Google 云客户端库时出错

c# - Azure 移动服务、HttpClient、授权

vue.js - 如何在 Nuxt 的 asyncData 中重定向

vuex - 无法读取未定义的 nuxtjs vuex 的属性 '$axios'