如何使用 Nuxt 中间件正确检查 Firebase Auth？
我有一个与 Firebase 连接的 Nuxt 应用程序。我有一个可组合的 useAuth() ，代码如下： 从 'firebase/auth' 导入 { type User, onAuthChangedListener }; 导出默认函数 () { c...
我正在学习使用Nuxt，目前正在尝试使用nuxt-bridge，它带有大多数Nuxt3功能，同时保持我需要的nuxt-auth-next模块的兼容性。 截至目前，我正在开发我的 API，你...
nuxt 3 中的 nuxt/image 模块导致生产出现问题
使用 Nuxt/Image 模块并构建应用程序时，图像 URL 将更改为 https://domain.x/_ipx/_/images/foods/Appetizaer/Garlic-Bread.png。然而，图像不能被看...
开发工具错误 我目前正在尝试在我的 nuxt 3 项目中实现 PWA 功能，但我不断遇到这个问题：[Vue Router warn]: No match found for location with path "/icon_512x512...
firebase auth => auth/captcha-check-failed 和“找不到主机名匹配”错误
尝试使用 auth.linkWithPhoneNumber() 时收到以下消息。同一域上的所有其他身份验证服务都工作正常。 auth/captcha-check-failed 和“主机名不匹配
Nuxt 3：如何从浏览器网络 Fetch/XHR 请求列表中隐藏服务器 api 调用请求？
我有 Nuxt 3 项目，有两个页面和一个服务器 api： 配置文件：nuxt.config.ts 导出默认的defineNuxtConfig({ 路线规则：{ '/api/**': { 缓存：{ maxAge：60 ...
"message": "方法 Illuminate\Auth\SessionGuard::factory 不存在。",
我正在尝试使用 "tymon/jwt-auth": "^1.0" 将 JWT 添加到 Laravel Framework 7.26.1。已按照文档设置一切。 https://jwt-auth.readthedocs.io/en/develop/quick-start/...
使用 Nuxt 3 和 Storyblok 使用 Netlify 生成静态站点
我正在尝试使用 Nuxt 3 构建一个静态站点，我希望该站点 100% 静态，无需任何 API 调用。 为了实现这一目标，我创建了 nuxt.config.ts 文件，如下所示。 // 仅显示相关...
为了使用动态定义的单页面组件，我们使用组件标签，因此： ... 从 '@/
在使用 next auth 进行 Oauth 时，getServerSession 在 nextjs 13.5.2 api 路由处理程序中始终返回 null
`我目前正在开发一个 To-Do 应用程序来练习 Next.js 和 Next-Auth。我正在使用 Next-Auth 作为 OAuth 提供程序，并且我想为每个待办事项添加一个“createdBy”属性以及相应的...
我收到“此无服务器功能已崩溃”。当我将 NUXT js 应用程序部署到 Vercel 时
我在 NUXT JS 上构建了我的应用程序并将其部署在 Vercel 上，但出现如下错误。 当我打开函数日志时，它向我显示的是以下内容。 这是错误代码的完整描述我...
我面临的挑战是注册 dj-rest-auth（一个为 Django 设计的身份验证组件）时。当用户注册时，会自动发送一封电子邮件以验证他们的电子邮件地址....
最近使用 remix-auth 和 prisma 实现了一个简单的登录功能，但是......以一种奇怪的方式，在我的操作函数中，真正的凭据去 catch 块并抛出一个响应错误。每个...
Next.js 14 JWT 会话错误与下一步身份验证 - 类型错误
我一直在使用 Next.js 14 和 Next Auth 5 beta，每当我尝试登录时，我都会得到 [验证][错误][JWTSessionError] [auth][原因]：类型错误：无法读取未定义的属性（
Laravel Cashier Stripe 错误default_ payment_method
我需要进行用户订阅Stripe。我使用支付页面： 公共函数 paymentForm() { $id = equest()->get('id'); $plan = Plan::find(1); $intent = auth()->user()->
所以我对 Vuetify 和前端开发几乎是全新的，如果我的问题很简单或者太模糊，我很抱歉。 我正在尝试使用 Nuxt 和 Vuetify 构建一个网站，但我...
Nuxt 3，Pinia 根据布尔状态更新 bodyClass
是否可以根据 Pinia 商店的商店布尔值动态更新主体类？我能够在页面加载时获取该值，但当我切换路由时它不会更新。 店铺： 经验...
Vue 3-Nuxt 3 Composables 不控制台日志
我正在尝试使用可组合项进行 console.log，它曾经工作正常，但现在它不起作用。这就是我试图做的： 〜/可组合项/测试/index.ts 导出函数 useTester() { 控制台.log(...
我使用异步等待从服务器获取一个简单的类别列表，一切正常。接下来，我需要输出一个简单的 v-for 列表，然后我收到此警告。我可以删除...的所有内容
app/auth-callback/page.tsx 从 'next/navigation' 导入 { useRouter, useSearchParams } 从“反应”导入反应 从 '../_trpc/client' 导入 { trpc } 常量页面 = () => { 常量路由器 =
我全新安装了 Nuxt 3，它是在我的 x64 PC 上创建的。在此阶段，除了初始设置之外，没有任何更改。 Git 仓库 我面临的问题是当将其克隆到我的 M1 MacBook 时，r...
登录使用 OAuth 2.0 协议的 MercadoLibre API 时如何解决“code_verifier 是必需参数”错误
我有 Mercado Libre API 的 Auth python 代码： url = 'https://api.mercadolibre.com/oauth/token' 有效负载 = {'grant_type': '授权代码', 'client_id'：app_id， '
我正在Python中使用curl_cffi库向URL https://www.midjourney.com/api/auth/signin/discord发出POST请求。但是，我遇到了“400 Bad Request”错误。我有
我正在为我的应用程序使用 Laravel 7 和 Sanctum 身份验证。 如何执行注销程序？ 我用： Auth::user()->tokens()->delete(); 它有效，但它删除了这个的所有标记......
以下功能失败并出现错误“Auth Session Missing” const { 错误 } = 等待 supabase.auth.updateUser({ 密码： 密码， }); 在我的手机上获取重置密码链接后...
我使用的是 Firebase 实时数据库（不是 Firestore），并且 Firebase 规则存在问题。 我使用 Bolt 来生成规则： 路径/项目{ 读取（）{假} write() { 假...
我有一个提供登录路由“auth/login”的后端。登录后，我收到一个 JWT。除其他外，该 JWT 还包含过期时间和“userType”，例如“
我无法让策略在我的 Laravel 项目中工作，我安装了一个新项目来从头开始测试，我有这个控制器： 我无法让策略在我的 Laravel 项目中工作，我安装了一个新项目来从头开始测试，我有这个控制器： <?php namespace App\Http\Controllers; use App\Http\Controllers\Controller; use Illuminate\Http\Request; use App\Models\User; class UserController extends Controller { public function index() { $this->authorize('viewAny', auth()->user()); return response("Hello world"); } } 本政策： <?php namespace App\Policies; use Illuminate\Auth\Access\Response; use App\Models\User; class UserPolicy { public function viewAny(User $user): bool { return true; } } 这是我的模型 <?php namespace App\Models; // use Illuminate\Contracts\Auth\MustVerifyEmail; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Foundation\Auth\User as Authenticatable; use Illuminate\Notifications\Notifiable; use Laravel\Sanctum\HasApiTokens; class User extends Authenticatable { use HasApiTokens, HasFactory, Notifiable; /** * The attributes that are mass assignable. * * @var array<int, string> */ protected $fillable = [ 'name', 'email', 'password', ]; /** * The attributes that should be hidden for serialization. * * @var array<int, string> */ protected $hidden = [ 'password', 'remember_token', ]; /** * The attributes that should be cast. * * @var array<string, string> */ protected $casts = [ 'email_verified_at' => 'datetime', 'password' => 'hashed', ]; } 我收到错误 403：此操作未经授权。我希望有人能帮助我解决我的问题。谢谢你 我也尝试过修改AuthServiceProvider文件，但没有任何改变。 必须在 App\Providers\AuthServiceProvider 中添加您的策略吗？ protected $policies = [ User::class => UserPolicy::class ]; 您需要指定您正在使用的模型。具体来说，就是User。因此，传递当前登录的用户： $this->authorize('viewAny', auth()->user()); 此外，您正在尝试验证用户是否有权访问该页面。确保尝试访问该页面的人是用户，以便策略可以授权或不授权。 要在没有入门套件的情况下进行测试，请创建一个用户并使用它登录。 <?php namespace App\Http\Controllers; use Illuminate\Support\Facades\Auth; class UserController extends Controller { public function index() { $user = \App\Models\User::factory()->create(); Auth::login($user); $this->authorize('viewAny', auth()->user()); return response("Hello world"); } } 但是，如果您希望授予访客用户访问权限，您可以使用 ? 符号将 User 模型设为可选： public function viewAny(?User $user) { return true; }
我正在尝试使用 Operator 将 Keycloak 部署到 kubernetes 集群上。 我需要该应用程序存在于“/auth”而不是“/”上。 我正在使用 ingress-nginx 入口控制器并创建入口...
Inertia.js 和 Laravel - 视图如何自动接收 auth::user() 对象？
我目前正在开发 Laravel 8 项目，第一次尝试将提供的 Laravel Breeze 脚手架与 Inertia.js 和 Vue 一起使用。在最初的仪表板脚手架中，仪表板...
我正在构建一个 Flutter 应用程序，并且使用 Firebase Auth 进行身份验证。我最近通过 Play 商店部署了 Flutter 应用程序，但收到以下消息： 您最新的生产...
“Promise<KindeUser | null>”类型上不存在属性“email”
我正在使用“@kinde-oss/kinde-auth-nextjs/server”进行身份验证，与 PDF 文档项目进行聊天。在尝试从通过以下方式获得的用户对象访问“电子邮件”属性时...
无法使用 Firebase 的 authUI 登录 Google Auth
我在做什么 我目前正在 Android Studio 中开发一个使用 Firebase 进行登录过程的应用程序。在本例中，我们仅使用 Google 的社交登录。 问题 我完成了实施...
使用 verifyPasswordResetCode 在 firebase 上验证电子邮件
我目前正在设置一些 firebase-auth。 对于电子邮件过程的恢复密码和验证，Firebase 使用一些默认页面，用户在获取之前通过电子邮件重定向到...
使用 keycloak 提供程序从下一个身份验证注销不起作用
我有一个带有 next-auth 的 nextjs 应用程序来管理身份验证。 这是我的配置 .... 导出默认 NextAuth({ // 配置一个或多个身份验证提供者 提供者：[
获取请求标头丢失（x-auth-token）以及如何返回流格式PDF？
我正在开发一个 POST API，它调用服务来返回 .pdf 文件的 url。 它返回{url、token 和其他字段}。我想重定向到这个网址并获取 pdf 文件，但失败了。 例子...
使用令牌 SurrealDB 进行身份验证时出现 IAM 错误
我最近添加了 --auth 标志，以使我的 SurrealDB 生产实例按照文档中的建议做好准备。 执行此操作后，我的用户将无法再查看他们的数据，因为此错误已被修复...
我正在尝试将名为设施的字符串与多个可能的字符串进行比较，以测试它是否有效。有效的字符串是： auth、authpriv、守护进程、cron、ftp、lpr、kern、邮件、新闻、系统日志、用户、u...
嵌套 useFetch 导致 Nuxt 3 中的 Hydration 节点不匹配
在 Nuxt 3 页面内，我通过从 pinia 存储调用操作来获取帖子数据： {{ 发布数据 }} {{ 帖子内容... 在 Nuxt 3 页面内，我通过从 pinia 商店调用操作来获取帖子数据： <template> <div v-if="postData && postContent"> {{ postData }} {{ postContent }} </div> </template> <script setup> const config = useRuntimeConfig() const route = useRoute() const slug = route.params.slug const url = config.public.wpApiUrl const contentStore = useContentStore() await contentStore.fetchPostData({ url, slug }) const postData = contentStore.postData const postContent = contentStore.postContent </script> 那是我的商店： import { defineStore } from 'pinia' export const useContentStore = defineStore('content',{ state: () => ({ postData: null, postContent: null }), actions: { async fetchPostData({ url, slug }) { try { const { data: postData, error } = await useFetch(`${url}/wp/v2/posts`, { query: { slug: slug }, transform(data) { return data.map((post) => ({ id: post.id, title: post.title.rendered, content: post.content.rendered, excerpt: post.excerpt.rendered, date: post.date, slug: post.slug, })); } }) this.postData = postData.value; if (postData && postData.value && postData.value.length && postData.value[0].id) { const {data: postContent} = await useFetch(`${url}/rl/v1/get?id=${postData.value[0].id}`, { method: 'POST', }); this.postContent = postContent.value; } } catch (error) { console.error('Error fetching post data:', error) } } } }); 浏览器中的输出正常，但我在浏览器控制台中收到以下错误： entry.js:54 [Vue warn]: Hydration node mismatch: - rendered on server: <!----> - expected on client: div at <[slug] onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > at <Anonymous key="/news/hello-world()" vnode= {__v_isVNode: true, __v_skip: true, type: {…}, props: {…}, key: null, …} route= {fullPath: '/news/hello-world', hash: '', query: {…}, name: 'news-slug', path: '/news/hello-world', …} ... > at <RouterView name=undefined route=undefined > at <NuxtPage> at <Default ref=Ref< undefined > > at <LayoutLoader key="default" layoutProps= {ref: RefImpl} name="default" > at <NuxtLayoutProvider layoutProps= {ref: RefImpl} key="default" name="default" ... > at <NuxtLayout> at <App key=3 > at <NuxtRoot> 如何解决这个问题？ 我尝试在 onMounted 中获取帖子数据，但在这种情况下 postData 和 postContent 保持为空 onMounted(async () => { await contentStore.fetchPostData({ url, slug }) }) 您可以使用 ClientOnly 组件来消除该警告。请参阅文档了解更多信息。 该组件仅在客户端渲染其插槽。
在使用 azure auth 之前，使用 BFF 和自定义登录屏幕在“/”上提供受身份验证保护的 SPA
我意识到这个问题听起来相当长且复杂！我会尽力解释。 我有一个 ASP.NET Core 5 应用程序，它是我的 Angular 应用程序的 BFF（前端的后端）。你必须...
我一直在从事一个涉及用户在我的主网络应用程序上注册的项目。该 Web 应用程序是使用 Nextjs 14 创建的，并具有新的应用程序路由器支持，我使用了 next-auth （这可以节省用户
Nextjs 14.0.3 Next auth 4.24.4 会话回调在刷新时缺少令牌，需要更改选项卡并返回以获取令牌
当我在生产模式下构建应用程序时出现问题，它在开发模式下运行良好。 但是，当在本地和 Vercel 上以生产模式运行时，当我刷新时，会话令牌丢失...
MazPhoneNumberInput Vue.js 上的自动对焦
我在表单中使用 MazPhoneNumberInput 组件（https://maz-ui.com/components/maz-phone-number-input）： 我正在以这种方式使用 MazPhoneNumberInput 组件（https://maz-ui.com/components/maz-phone-number-input）： <MazPhoneNumberInput v-model="phoneNumber" v-model:country-code="countryCode" show-code-on-list :preferred-countries="['DE', 'US', 'GB']" noFlags /> 并且想在手机输入上设置自动对焦。 MazPhoneNumberInput 组件本身没有 autofocus 属性，但它基于具有 autofocus 属性的 MazInput 组件（https://maz-ui.com/components/maz-input）： 我尝试通过 javascript 使用 onMounted 方法设置焦点： import AppLayout from "@/Layouts/Auth/AppLayout.vue"; import MazPhoneNumberInput from 'maz-ui/components/MazPhoneNumberInput' import {ref, onMounted} from 'vue' const phoneNumber = ref() const countryCode = ref('DE') const focusInput = () => { phoneNumber.value.focus(); }; onMounted(focusInput); 但是没有成功。 如何在手机输入上设置自动对焦？ 这可以使用 template ref 来完成，它可以访问组件的 DOM 元素。由于根元素只是多个其他元素的包装，因此需要额外的查询来获取实际的电话输入，然后您可以将其聚焦： onMounted(async () => { const phoneEl = phone.value.$el // MazPhoneNumberInput root DOM element const phoneInput = phoneEl.querySelector('input[type=tel]') // inner input DOM element await nextTick() // can focus after next DOM update phoneInput.focus() })