amazon-web-services - AWS Vue Amplify - PreBuilt 注销组件缺失

Question

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

示例，而不是：

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

我正在写：

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

哪个有效。

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

以下是我在 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)

Answer 1

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

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

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