AWS Vue Amplify - PreBuilt注销组件缺失

Question

我让Amplify with Cognito在我的Gridsome应用程序上登录用户，并按预期工作，但我注意到只有在没有包装<amplify-authenticator>标记的情况下，“注销”按钮才会出现。是文档已经过时了，还是有什么东西坏了？

示例，而非：

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

我正在写：

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

这是可行的。

这没有遵循the docs，但除此之外，它似乎像预期的那样工作。

下面是我如何在main.js中添加放大到我的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组件时，您将看到带有您共享的示例的"Sign Out“按钮。

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

将<amplify-sign-out></amplify-sign-out>按钮放在<amplify-authenticator>标记之外将使“注销”始终出现。