如何从 Nuxt 前端访问经过身份验证的 GraphQL API

     2023-03-08     269

关键词:

【中文标题】如何从 Nuxt 前端访问经过身份验证的 GraphQL API【英文标题】:How to access authenticated GraphQL API from Nuxt frontend 【发布时间】:2021-02-23 01:58:08 【问题描述】:

我有一个使用 Appsync 和 Cognito(基本电子邮件和密码身份验证)创建的经过身份验证的 GraphQL API 端点。 如何从现有的 Nuxt 前端应用程序连接到此 API?我不想使用由 aws amplify 创建的默认 vue 前端。

【问题讨论】:

【参考方案1】:
    打开 AWS AppSync GUI 点击 API 选择您的应用后端 打开与您的应用集成 点击Javascript标签 复制该 cli 命令并运行它们(从 Nuxt 前端应用的根目录)

【讨论】:

Nuxt Auth 模块经过身份验证的用户数据

】NuxtAuth模块经过身份验证的用户数据【英文标题】:NuxtAuthModuleAuthenticatedUserData【发布时间】:2018-09-3011:30:10【问题描述】:我有一个用于登录用户的APIapi/auth。它希望收到一个access_token(作为URL查询、来自标头或来自请求正文... 查看详情

带有访客和身份验证中间件的 Nuxt 身份验证将经过身份验证的用户在刷新时重定向到错误的页面

】带有访客和身份验证中间件的Nuxt身份验证将经过身份验证的用户在刷新时重定向到错误的页面【英文标题】:Nuxtauthwithaguestandauthmiddlewareredirectsanauthenticateduseronrefreshtothewrongpage【发布时间】:2019-07-3015:45:59【问题描述】:我正... 查看详情

如何从(非网络)python 客户端访问经过身份验证的 Google App Engine 服务?

】如何从(非网络)python客户端访问经过身份验证的GoogleAppEngine服务?【英文标题】:HowdoyouaccessanauthenticatedGoogleAppEngineservicefroma(non-web)pythonclient?【发布时间】:2010-09-1105:34:52【问题描述】:我有一个GoogleAppEngine应用-http://mylovel... 查看详情

nuxt/auth 如何真正安全?

】nuxt/auth如何真正安全?【英文标题】:Howisnuxt/authreallysecure?【发布时间】:2021-12-2422:48:00【问题描述】:假设客户在索引页面上打开您的nuxt.js网站。从那里,他们进行身份验证(您为此使用了@nuxtjs/auth-next)。然后他们移动到... 查看详情

GraphQL 权限文档

...ocumentation【发布时间】:2018-02-0104:38:13【问题描述】:您如何记录某些集合只能由具有相同权限/角色的用户访问或更改,例如只有经过身份验证的用户才能写评论?【问题讨论】:【参考方案1】:将graphql中的数据视为从根本上... 查看详情

在 nuxtjs 中刷新页面后如何保持用户身份验证?

】在nuxtjs中刷新页面后如何保持用户身份验证?【英文标题】:howtokeepuserauthenticatedafterrefreshingthepageinnuxtjs?【发布时间】:2021-09-1110:11:22【问题描述】:如果我刷新用户不再经过身份验证的页面并且loggedIn返回false,我在成功登... 查看详情

使用 Nuxt 前端实现 Laravel 7 Passport 身份验证

】使用Nuxt前端实现Laravel7Passport身份验证【英文标题】:ImplementingLaravel7PassportauthentificationwithNuxtfrontend【发布时间】:2020-07-1316:44:14【问题描述】:我已经安装并配置了Laravel7.3Passport,然后我重新安装了Nuxt.js并按照here的说明进... 查看详情

如何只允许经过身份验证(登录)的用户访问 Spring RESTful 服务

】如何只允许经过身份验证(登录)的用户访问SpringRESTful服务【英文标题】:Howtoonlyallowauthenticated(loggedin)userstoaccessSpringrestfulservice【发布时间】:2017-04-2307:44:58【问题描述】:web项目的架构如下:有一个SpringMVCRESTfulWeb服务运行... 查看详情

Symfony:如何从数据库中刷新经过身份验证的用户?

】Symfony:如何从数据库中刷新经过身份验证的用户?【英文标题】:Symfony:HowdoIrefreshtheauthenticateduserfromthedatabase?【发布时间】:2013-11-1121:19:58【问题描述】:例如,我将一个新角色授予控制器中当前经过身份验证的用户,如下... 查看详情

如何将用户信息从前端传递到后端

】如何将用户信息从前端传递到后端【英文标题】:Howtopassuserinformationfromfrontendtobackend【发布时间】:2020-03-0122:39:25【问题描述】:我有一个用Nuxt.js编写的RubyonRails后端API和前端应用程序,集成了用于身份验证的Auth0和用于API通... 查看详情

如何通过经过身份验证的 cognito 用户(用户池)快速访问 DynamoDB

】如何通过经过身份验证的cognito用户(用户池)快速访问DynamoDB【英文标题】:HowtoaccessDynamoDBbyauthenticatedcognitouser(userpool)inswift【发布时间】:2016-10-2510:59:41【问题描述】:我正在尝试将AWSCognito(用户池)和AWSDynamoDB用于我的移... 查看详情

如何从 Firebase 数据库中获取经过身份验证的用户?

】如何从Firebase数据库中获取经过身份验证的用户?【英文标题】:Howtogetauthenticatedusersfromfirebasedatabase?【发布时间】:2016-11-1713:43:08【问题描述】:我正在创建应用程序,我将在其中使用Firebase消息服务。消息传递工作正常,但... 查看详情

如何检查用户是不是经过身份验证以访问特定路径(MEAN STACK)

】如何检查用户是不是经过身份验证以访问特定路径(MEANSTACK)【英文标题】:Howtocheckifauserisauthenticatedtoacesscertainpath(MEANSTACK)如何检查用户是否经过身份验证以访问特定路径(MEANSTACK)【发布时间】:2020-09-2803:30:53【问题描述... 查看详情

带有 DRF 的 cookie 的 Nuxt 身份验证

...时间】:2021-05-1202:33:11【问题描述】:我正在尝试在我的前端(用NuxtJS编写)上使用cookie而不是本地存储来实现身份验证。我使用的是nuxt-auth包,配置如下:-auth:strategies:cookie:token:required:false,type:false,,user:prope 查看详情

如何从 android 客户端进行经过身份验证的 django rest api 调用?

】如何从android客户端进行经过身份验证的djangorestapi调用?【英文标题】:Howtomakeauthenticateddjangorestapicallfromandroidclient?【发布时间】:2017-12-3107:52:40【问题描述】:我正在制作一个以djangorestapi作为后端的android应用程序,并希望... 查看详情

如何使用 Axios 使用经过身份验证的 API

】如何使用Axios使用经过身份验证的API【英文标题】:HowtoconsumeanauthenticatedAPIwithAxios【发布时间】:2020-07-1022:44:41【问题描述】:我正在尝试使用Vue和Laravel构建应用程序。我目前在Laravel中使用护照身份验证进行用户身份验证。... 查看详情

从 Django Rest Framework 将经过身份验证的用户传递给 SendBird

...15:29:41【问题描述】:我有一个DjangoDRF服务API和一个Angular前端,用于我正在开发的解决方案。我想将SendBirdChatAPI集成到应用程序中,以允许经过身份验证的 查看详情

Nuxt Firebase 身份验证中间件

...时间】:2019-02-2705:11:53【问题描述】:我使用Nuxt(vue)作为前端,使用Firestore和身份验证作为后端。我让身份验证工作到一定程度,但我的问题是刷新浏览器会重置状态,因此我的中间件返回错误结果。这里有一些代码sn-ps:中间... 查看详情