问题标签 [aws-amplify-vue]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
5967 浏览

javascript - 如何禁用 aws amplify vue 身份验证器的注册链接?

我正在使用库中的amplify-authenticator组件aws-amplify-vue为我的应用启用身份验证。我试图弄清楚如何禁用前端的“创建帐户”链接,但我似乎在文档或在线上找不到任何东西。我见过一些用户通过使用 css 隐藏它来禁用它的地方,以及一些用户能够使用 react 库禁用它的地方,但是我没有找到任何特定于 vue 库的东西。可能我只是缺少文档,但是有人知道如何从 vue amplify 身份验证器中删除注册功能吗?

零件

在此处输入图像描述

更新 1

根据@asimpledevice 的回答,我尝试了以下操作但没有成功:

0 投票
0 回答
986 浏览

vue.js - AWS Amplify + Vuejs - 联合登录

我正在使用 AWS Amplify + Vue 创建一个基本应用程序,并且我想添加联合身份验证。身份验证工作正常,除了 UI 组件没有显示联合登录按钮(如我所料)。我现在配置了谷歌身份验证,它似乎工作正常,但在我真正的身份验证页面上没有谷歌登录按钮(只有经典元素 - 用户名+密码)。

这是我用来显示身份验证组件的内容:

我应该怎么做才能显示 Google 按钮?我找不到任何与 Vue + Amplify 联合登录相关的教程/文档,只有经典登录。

0 投票
5 回答
15681 浏览

cors - 放大:即使在 API Gateway 和 Lambda 标头中启用了 CORS,但 CORS 标头“Access-Control-Allow-Origin”缺失错误

我正在使用 Amplify,并让我的 API 网关代理到 Lambda。我已经在我的服务器上启用了 CORS/{proxy+}并部署了 API。在我的 Lambda 函数中,我在我的普通函数中设置了适当的标头:

此 Lambda 函数位于通过 Cognito 进行身份验证的 API Gateway 资源后面。

当我使用 Amplify 调用我的 API 时:

我的GET请求中缺少可怕的 CORS 标头“Access-Control-Allow-Origin”:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://xxxxxxxxxx.execute-api.us-east-1.amazonaws.com/dev/admin. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

我看到它在OPTIONS请求中返回:

在此处输入图像描述

我什至在 Postman 中进行了测试以验证标题是否回来了:

在此处输入图像描述

我在这里做错了什么?调用似乎没有通过 API 网关。我想知道它是否与身份验证有关。当我使用我的 IAM 凭证从 Postman 进行测试时,它可以正常工作,但是从我的 Web 应用程序使用不记名令牌时,它会像上面一样失败。

0 投票
1 回答
794 浏览

javascript - 你如何设置带有额外导入的 Vue 3 main.js 文件?

嗨我正在尝试做在 vue 2 中工作的 vue 3 版本的 main.js 文件

Vue 2

vue 3 最佳猜测

无需额外导入即可工作,然后在我添加它们时仅显示白屏

0 投票
1 回答
483 浏览

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

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

示例,而不是:

我正在写:

哪个有效。

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

以下是我在 main.js 中将 Amplify 添加到我的 Gridsome 项目的方法:

...

0 投票
1 回答
510 浏览

aws-amplify - AWS Amplify `No plugin found in Storage for the provider` 错误

我的 AWS 放大应用程序使用存储。当我运行应用程序时出现No plugin found in Storage for the provider错误。我尝试过的一些事情是:

我会错过什么?

主.js:

main.js:添加了代码以根据此github 问题手动配置存储:

堆栈跟踪:

0 投票
1 回答
2045 浏览

amazon-web-services - AWS 放大:将文件上传到存储时出错

我正在尝试将用户的私有文件上传到 AWS 存储,但我面临 2 个问题,

我正在使用“@aws-amplify/storage”:“^3.1.9”、“@aws-amplify/ui-vue”:“^0.2.5”、“aws-amplify”:“^3.0.11”。我之前已经更新到上述库的最新版本,但我遇到了同样的问题。

生产错误:

代码(为简洁而编辑):

aws-exports.js:

主.js:

我在这里为 aws amplify 团队添加了一个问题

0 投票
0 回答
222 浏览

vue.js - 如何在放大确认注册 Vue 组件中设置标题文本而不删除默认行为?

我正在通过使用提供的插槽并<amplify-confirm-sign-up>根据文档将“标题文本”传递给我,在 amplify-authenticator 注册确认中配置自定义消息:

这适用于自定义标题文本,但它会更改<amplify-confirm-sign-up>组件的默认行为。具体来说,当用户确认注册时(在我的例子中,提供了通过电子邮件发送的一次性确认代码):

  • 然后它不再自动填充确认注册的电子邮件地址
  • 一旦用户输入代码(从而确认注册),它就不会自动登录。

我想保留上述默认工作流程 - 我可以做些什么来自定义标题标题并保留它?

0 投票
2 回答
1574 浏览

javascript - vite + vue3 + TS项目中,AWS Amplify Failed to resolve components

我很难让 AWS Amplify 与Vite.js 一起工作

所以,我script在 index.html 的head部分添加了这个

现在,我收到此警告/错误

您可以在此处查看完整的日志: 在此处输入图像描述

0 投票
1 回答
89 浏览

vue.js - vue js中的aws cognito UI表单字段问题

我在我的 vue js 应用程序中使用 AWS cognito 和放大。使用预定义的字段一切正常。

我在 AWS 用户池属性部分添加了自定义字段。那些新添加的字段不会反映在 UI 中。

这是我用于放大配置和自定义字段的代码。

HTML 代码:

自定义字段 JSON

结果表格

在此处输入图像描述

自定义字段没有出现在表单中。有人可以帮我解决这个问题吗?