如何在 Vuejs 中使用 Supertokens 的预构建 UI( 三 )

要加载HomeView组件,/我们将更新/src/router/index.ts文件:
打字稿
const router = new VueRouter({// ...routes: [{path: "/",name: "home",component: HomeView,}, /*...*/],});If you now visit http://localhost:4200, you should see the following page: 

如何在 Vuejs 中使用 Supertokens 的预构建 UI

文章插图
 
SuperTokens 核心设置在进行后端设置时,我们将
https://try.supertokens.com其connectionURI用作核心 。这是一个由 SuperTokens 团队托管的演示核心实例 。您可以随意使用它,但是当您致力于使用 SuperTokens 时,您应该切换到核心的自托管或托管版本 。
结论总而言之,我们使用 SuperTokens 提供的 ReactJS SDK 来展示我们的 Vue 应用程序的预构建登录 UI 。我们还优化了包大小,以便仅为与身份验证相关的路由加载 ReactJS SDK 。有用的链接:
  • 示例 Vue 应用程序
  • 配方/身份验证方法列表

【如何在 Vuejs 中使用 Supertokens 的预构建 UI】


推荐阅读