AWS Vue Amplify - PreBuilt 注销组件缺失答案

【问题标题】：AWS Vue Amplify - PreBuilt Sign-Out Component MissingAWS Vue Amplify - PreBuilt 注销组件缺失
【发布时间】：2020-06-03 19:23:36
【问题描述】：

我在我的 Gridsome Vue 应用程序上使用 Cognito 登录用户并按预期工作，但我注意到“退出”按钮仅在未包含在 <amplify-authenticator> 标记中时才会显示。文档是刚刚过时还是有问题？

示例，而不是：

<amplify-authenticator>
    <amplify-sign-out></amplify-sign-out>
</amplify-authenticator>

我在写：

<amplify-sign-out></amplify-sign-out>

哪个有效。

这不遵循the docs，但除此之外它似乎按预期工作。

这是我在 main.js 中将 Amplify 添加到我的 Gridsome 项目的方法：

import Amplify, * as AmplifyModules from "aws-amplify"
import { AmplifyPlugin, components } from "aws-amplify-vue"
import aws_exports from "./aws-exports"
import "@aws-amplify/ui-vue"
Amplify.configure(aws_exports)

...

export default function(Vue, { router, head, isClient, appOptions }) {


    // Expose this.$Amplify in components
    Vue.use(AmplifyPlugin, AmplifyModules)

【问题讨论】：

标签： amazon-web-services vue.js aws-amplify gridsome aws-amplify-vue

【解决方案1】：

当您成功登录到 Authenticator 组件后，您将看到带有您共享的示例的“退出”按钮。

<amplify-authenticator>
    <amplify-sign-out></amplify-sign-out>
</amplify-authenticator>

将<amplify-sign-out></amplify-sign-out> 按钮放置在<amplify-authenticator> 标记之外将使其始终显示“退出”。

【讨论】：