Next-Auth:防止不必要的会话重新呈现
Next-Auth 是一个开源的身份验证和授权库，用于构建基于 Next.js 的身份验证系统。它旨在提供简单且安全的用户身份验证解决方案，以防止不必要的会话重新呈现。
Next-Auth 的主要特点和优势包括：
- 简单易用：Next-Auth 提供了简洁的 API 和配置选项，使开发人员可以轻松地将身份验证集成到他们的 Next.js 应用程序中。
- 安全性：Next-Auth 支持多种验证策略，包括 OAuth、JWT、密码、令牌等，以确保身份验证的安全性和灵活性。
- 可扩展性：Next-Auth 允许开发人员根据实际需求自定义身份验证流程，从而适应各种应用场景。
- 社区支持：作为一个开源库，Next-Auth 拥有活跃的社区支持和更新，可以通过 GitHub 上的项目页面获取帮助和最新的更新。
Next-Auth 可以广泛应用于各种 Web 应用程序中，包括但不限于以下场景：
- 用户登录和注册：Next-Auth 提供了用户身份验证的功能，使用户能够安全地登录和注册账号。
- 访问控制和权限管理：借助 Next-Auth，开发人员可以根据用户角色和权限设置访问控制规则，限制用户对特定资源的访问。
- 第三方登录集成：Next-Auth 支持 OAuth 策略，可以轻松地集成第三方身份验证服务（如 Google、Facebook、Twitter 等）。
- 单点登录（SSO）：Next-Auth 提供了 JWT 策略，可以实现单点登录功能，使用户可以在多个应用程序之间共享登录状态。
- API 身份验证：Next-Auth 可以用于保护 API 路由，确保只有经过身份验证的用户可以访问受保护的 API 端点。
推荐的腾讯云相关产品和产品介绍链接地址如下：
- 云函数（Serverless）：腾讯云云函数是一种无需管理服务器的计算服务，可帮助开发人员轻松构建和运行与 Next-Auth 相关的后端逻辑。详情请参考：腾讯云云函数
- 云开发（CloudBase）：腾讯云云开发提供了丰富的后端服务和开发工具，可帮助开发人员快速搭建和部署 Next.js 应用程序。详情请参考：腾讯云云开发
- 云存储（COS）：腾讯云云存储是一种高可靠、可扩展的对象存储服务，可用于存储用户的身份验证信息和其他相关数据。详情请参考：腾讯云云存储
- API 网关（API Gateway）：腾讯云 API 网关可用于管理和发布 Next-Auth 相关的 API，提供了灵活的流量控制和访问控制功能。详情请参考：腾讯云 API 网关
- 私有网络（VPC）：腾讯云私有网络提供了隔离和安全的网络环境，可用于保护 Next-Auth 应用程序和相关服务的网络通信。详情请参考：腾讯云私有网络
注意：以上推荐的腾讯云产品仅供参考，其他云计算品牌商也提供类似的产品和服务。
相关·内容
我正在呈现一个问卷页面，它显示了一个具有以下属性的问题组件:问题编号、问题文本和5个单选按钮，每个按钮都有一个答案。
我试图实现的是，当用户单击单选按钮时，我会将答案和问题号存储在状态上。
我遇到了一个问题，一旦我的组件呈现，我点击一个答案，它似乎是重新呈现和我的单选按钮似乎没有被点击。
这是我的问题页面，我在其中嵌入了问题组件。
const Questionaire = (props) => {
const [answers, set_answers] = useState({});
console.log("Inside Questionaire compon
浏览 5提问于2021-06-07得票数 0
我正在编写一个Next.js项目，并使用GitHub和next-auth实现身份验证。在next-auth的例子中，有一个对useSession()的调用，它返回两个对象：session和loading。但是，我所看到的示例中没有一个实际使用loading对象。
import React from 'react'
import {
useSession,
signin,
signout
} from 'next-auth/client'
export default () => {
const [ session, loading
浏览 7提问于2020-07-08得票数 9
我在父组件中有一个子组件。父组件有一些信息，比如I，它会根据用户操作不断变化。在子组件中，我有一个按钮，我希望根据当前值I更改该按钮的状态。
在金刚语中，有什么惯用的方法--反应/反应？
浏览 4提问于2021-12-01得票数 0
回答已采纳
1回答
我使用的是nextjs版本12.1.6，react dom版本18.0.5，next-auth 4.6.1，我现在有一个有2条路径的应用程序，一个索引页面和一个登录页面，当我从索引页面路由到登录页面时，我的整个应用程序重发器，我有了反应-分析器，并且给定的原因是上下文更改，我假设它必须使用next-auth的SessionProvider，但是为什么它会修改我的整个应用程序呢？
如您所见，我有一个没有重命名的HeaderComponent，这是因为我在它上使用了React.memo，但是我不想在React.memo中包装我的所有组件，而且这个组件也在布局组件pages/_app.ts
浏览 6提问于2022-06-25得票数 2
这是我的...nextauth.js文件...
import NextAuth from "next-auth";
import Providers from "next-auth/providers";
export default NextAuth({
providers: [
Providers.Google({
clientId: process.env.GOOGLE_ID,
clientSecret: process.env.GOOGLE_SECRET,
}),
],
});
这是我想要传递signin
浏览 9提问于2021-07-18得票数 0
我遵循一个带有Hooks在线课程的Advanced模式，在这个早期的例子中，他们用以下API创建了一个可扩展组件(比如经典的手风琴或可折叠面板)：
<Expandable>
<Expandable.Header>This is the header</Expandable.Header>
<Expandable.Body>This is the content</Expandable.Body>
</Expandable>
他们使用上下文将州expanded传递给可扩展的孩子。到目前为止还不错：
impor
浏览 1提问于2020-09-03得票数 3
回答已采纳
1回答
我有一个“任务”列表，我想映射每个任务都有它自己的一组选项卡。在TabPanel中，有一个组件TaskOrg从后端获取内容(api调用非常重要)，并在DataGrid中显示数据。我没有问题隔离每个选项卡，这意味着我可以单击一个选项卡，它的行为与所有其他选项卡不同。
const [value, setValue] = React.useState({})
useEffect(() => {
if (provincialTasks.length > 0) {
let tabs = {}
provincialTasks.forEach(task
浏览 4提问于2022-08-17得票数 0
回答已采纳
如何让access_token从next_auth中使用，
假设我正在创建一个crud应用程序来存储google驱动器中的数据，我使用的是nextjs，下一个是用于google的OAuth实现。我找到了这个，所以我实现了它。但它的日志没有定义。
src/pages/api/auth/[...nextauth].ts
import NextAuth from "next-auth";
import GoogleProvider from "next-auth/providers/google";
import jwt from 'next-auth/jwt
浏览 19提问于2022-03-31得票数 1
回答已采纳
在为几个不同的输入编写处理程序时，我遇到了重呈现组件(其中包含子组件)的问题。我怎样才能移除渲染器？
只有没有子组件的组件和使用useMemo的组件没有呈现。
这只是代码的一部分。这里是。
// handle changes from input
export const useInputHandler = ({ initValues }) => {
const [values, setValues] = useState(initValues || {});
const handlerChange = useCallback(
event => {
浏览 2提问于2019-10-08得票数 2
回答已采纳
这篇文章中提供的答案对我不起作用，也没有更新。Getting NextAuth.js user session in Apollo Server context // ./graphql/context.ts
/**
* Populates a context object for use in resolvers.
* If there is a valid session from next-auth, find the user and add them to context
* @param context context from apollo server
*/
ty
浏览 23提问于2021-10-17得票数 0
回答已采纳
我试图将从getSession获得的会话(使用next-auth)作为道具传递给页面。我知道我可以在组件中使用useSession()，但根据我的理解，这也应该是有效的，我不明白为什么它不起作用。
这似乎是一个类似的问题，在，但没有答案。
这是我最基本的pages/settings.tsx
import { Card, CardContent, Typography } from "@mui/material";
import { User } from "@prisma/client";
import { GetServerSideProps, NextPag
浏览 12提问于2022-03-30得票数 3
回答已采纳
1回答
我是新的反应，我认为基本已经沉入，但我被困在了一些东西。我们要重建我们的一个旧系统，我想要做出反应。
我们的系统是一个内部的CRM，每组客户数据都是一个Mb的大小，所以效率是我们的首要任务之一。逻辑是在一个单独的API上完成的，许多不同的系统都使用它，因此99%的前端是CRUD。
(我希望我能解释清楚！)
在我的问题上。如果我对客户端数据的一部分进行了小的更改，比如我向客户端添加了一个“审核”.还有很多其他数据可能会发生变化。复杂到我不想复制前端和API端的逻辑。
我是否需要让API返回完整的Mb数据，让根级的应用程序重新呈现它的所有组件？还是有更有效的方法来做到这一点？我应该设置每个组件来周
浏览 1提问于2017-07-12得票数 0
回答已采纳
我试图通过在next.js项目中使用nextauth来实现Facebook登录和会话。一旦用户通过身份验证，我希望检索会话并将其作为服务器端的支柱传递给我的组件，以避免不必要的负载时间。
我的...nextauth.js文件
import NextAuth from "next-auth"
import FacebookProvider from "next-auth/providers/facebook";
export default NextAuth({
// Configure one or more authentication provider
浏览 9提问于2021-12-30得票数 1
回答已采纳
我有一个问题想提高我对react钩子的理解。它说，如果一个人将设置的状态函数或钩子传递给孩子，这是不好的做法。因此，应该只将一个处理程序函数传递给位于父对象中的子对象，然后使用其中的设置状态函数。当我在开发应用程序的许多工作部分后遇到这个问题时，我想知道为什么必须避免这种情况，因为它对我来说很好。
我希望你们能在没有代码示例的情况下理解我的问题，如果我需要澄清，我会提供一些代码片段。
提前感谢！
浏览 12提问于2020-03-07得票数 8
回答已采纳
1回答
我正在从getCount函数的孩子那里得到道具。把它设为州。而不是把它设置在组件中，得到无穷大的循环。我怎么才能解决呢？
有父组件的代码：
import React, { Component } from "react";
import Message from "./Message/Message";
export default class Widget extends React.Component {
constructor(props) {
super(props);
this.state = {
color: {
浏览 0提问于2018-06-26得票数 0
回答已采纳
1回答
我一直在使用开发一个web界面，并且在浏览器中使用back按钮有一些问题，因为在注销之后，它会让用户返回到浏览器中。我已经找到了类似的问题，并尝试了他们的答案，但问题没有得到解决。我附上一个简单的例子，请看一看。
主
from flask import Flask, request,session, redirect, url_for, render_template
from os import urandom
app = Flask(__name__)
app.config['SEND_FILE_MAX_AGE_DEFAULT'] = 0
app.secret_key =
浏览 2提问于2021-12-20得票数 1
回答已采纳
我正在开发一个类似于Zappier的集成工具。我想使用Next-auth连接到一个或多个应用程序，并保存它们的访问令牌。然而，Next-auth一次只允许一个会话。如何使用Next-auth同时存储多个会话？
export const authOptions = {
// Configure one or more authentication providers
secret: 'tsfsdf',
providers: [
GoogleProvider({
clientId: process.env.GOOGLE_CLIENT_ID,
浏览 11提问于2022-12-01得票数 0
回答已采纳
每次我的选项卡组件父重发器，我的子组件重选器也是。
我的选项卡组件父级如下
import { useState } from "react";
import "./styles.scss";
import Tab from "./tab";
export default function App() {
const [selectTab, setSelectTab] = useState("a");
console.log("parent render");
return (
<div
浏览 0提问于2021-08-23得票数 3
回答已采纳
我已经将Nextjs更新为它的最新版本，也更新了由docs指定的next和prisma适配器。
然而，当我试图使用signIn在应用程序中进行身份验证时，我在最新的更新中得到了以下错误：
[next-auth][error][OAUTH_CALLBACK_HANDLER_ERROR]
https://next-auth.js.org/errors#oauth_callback_handler_error getUserByAccount is not a function {
message: 'getUserByAccount is not a function',
浏览 38提问于2021-11-09得票数 5
回答已采纳
我使用NextAuth进行身份验证和URQL的authExchange。这样做的目的是在accessToken头中附加一个Authorization。
// ...
import { authExchange } from '@urql/exchange-auth'
import { getSession } from 'next-auth/react'
getAuth: async ({ authState }) => {
// for initial launch, fetch the auth state from storage (local
浏览 10提问于2022-02-19得票数 0
1回答
我尝试了以下操作，但无法从客户端和服务器端环境中获得添加内容。
回调函数允许您添加到会话中，但我只想添加用户信息并将其指定为默认会话。
// @type/next-Auth.d.ts
import 'next-auth';
declare module 'next-auth' {
interface User {
id: string;
name?: string | null;
email?: string | null;
image?: string | null;
address?: string | null
浏览 9提问于2022-12-03得票数 0
回答已采纳
在next-auth中，useSession和getSession有什么不同？两者似乎都在返回session对象。
浏览 46提问于2021-09-18得票数 1
回答已采纳
我用的是next-auth和firebase适配器。在保存数据库中的用户方面，一切都很好，但在身份验证方面有些东西却不起作用。
import NextAuth from "next-auth"
import GoogleProvider from "next-auth/providers/google"
import { FirebaseAdapter } from "@next-auth/firebase-adapter"
import { db } from "../../../utils/firebase/firebase
浏览 10提问于2022-03-28得票数 5
回答已采纳
我正在看这个视频：，在视频的39分钟内，您可以在_app.js中看到身份验证部分。
当我import { Provider as AuthProvider } from "next-auth/client"时，我得到以下错误：
未找到模块: Package ./client未从package C:\Users\saeed\Amazon-starter-template-nextjs\node_modules\next-auth导出(请参阅C:\Users\saeed\Amazon-starter-template-nextjs\node_modules\next-auth\
浏览 18提问于2022-01-05得票数 0
3回答
使用NextAuth.js，我如何在不注销和重新登录的情况下更新会话对象中的值？ 例如，一旦用户登录，我就会使用存储在会话中的URL来显示该用户的头像。 我还提供用户更改他的头像，所以我希望session.user.image是更新和持久化头像的新路径。我将所有数据存储在MongoDB中。我怎样才能做到这一点呢？现在，唯一的解决方案是要求用户注销并重新登录，但对我来说，这听起来不是一个可接受的解决方案:) 我的第一个想法是，一旦用户更新了他的头像，就更新这个session对象，但是我不知道怎么做。 import React from 'react'
import { sign
浏览 17提问于2020-12-14得票数 7
我在编码方面是新手，在谷歌上搜索了很多次之后，我无法解决这个问题。问题是我有一个布局组件，其中包含4个不同的组件。当我在函数组件中调用一个函数时，它会影响其他函数和其他函数的重呈现。但我不会把新的道具传给他们。我只将道具传递给一个包含单击事件的组件。我希望我事先说清楚了，谢谢。下面是我的代码示例：
这是我的布局组件.
import React, { useState } from "react";
import Header from "./Header";
import MenuTitle from "./MenuTitle";
import
浏览 1提问于2021-03-03得票数 0
回答已采纳
如果用户在URL中输入页面名，我必须重定向页面。我有两页叫做index.php和next.php
在index.php页面中有一个名为<a href="next.php">Click here</a>的链接。如果我单击了链接，那么页面将正确地在next.php上重定向。
现在的问题是，如果任何用户在URL上直接输入next.php，那么页面应该被重定向到index.php页面上。这意味着用户将无法直接访问next.php。
浏览 1提问于2022-06-29得票数 0
signin.js
import { getProviders, signIn as SignIntoProvider} from 'next-auth/react'
// Browser...
function signIn({providers}) {
return (
<>
{Object.values(providers).map((provider) => (
<div key={provider.name}>
<button onClick={() => Si
浏览 38提问于2022-04-14得票数 0
对于如何正确地使用提供的Fetch API，我是新的反应本机和困惑。
调用本身(如这里概述的：)很简单，我可以注销一个成功的响应，但是当需要呈现数据时，它是未定义的。
我希望我可以定义一个空的“movies”数组，然后从componentDidMount()调用'setState‘来替换它，这将触发一个重呈现。这个假设是否不正确？
下面的代码示例导致以下错误：
“未定义”不是对象(计算'allRowIDs.length')
提前感谢您的帮助！
import React, { Component } from 'react';
import { A
浏览 5提问于2016-11-21得票数 1
回答已采纳
1回答
我正在尝试为Hasura身份验证和授权设置NextAuth。因为Hasura需要定制jwt声明，所以我不能使用OAuth提供程序提供的默认访问令牌。所以我在...nextauth.js中使用encode块来编码一个自定义的jwt令牌，一切都很正常。但是我不知道如何为我的自定义令牌实现刷新令牌。下面是我的"pages/api/auth/...nextauth.js“
import * as jwt from "jsonwebtoken";
import NextAuth from "next-auth";
import Providers from
浏览 0提问于2021-04-28得票数 0
当用户悬停在按钮上时，下面的工具提示将调用API。我想知道是否需要使用useCallback或useMemo来避免不必要的API调用？当我需要两个人中的一个时，我仍然很难理解。如果增加它是有意义的，你会怎么做？
const ProfileTooltip = ({ children, userId }) => {
const classes = useStyles();
const [open, setOpen] = useState(false);
const [profileInfo, setProfileInfo] = useState(false);
浏览 2提问于2020-07-29得票数 4
回答已采纳
2回答
我想知道为什么console.log({ routes })在没有搜索过滤数据的情况下输出搜索useState更新。我有回忆录和useCallbacked的东西。
import { memo, useCallback, useMemo, useState } from 'react'
import * as stations from './stations.json'
import './App.css';
const StyledContainer = {
"cursor": "pointer",
浏览 13提问于2022-06-15得票数 1
回答已采纳
1回答
你能告诉我如何在react js中接收更新的道具吗?我知道componentWillReceiveProps是unsafe，我试过使用getDerivedStateFromProps，但没有工作
下面是我的代码
两秒钟后，我正在更新我的状态，该状态将传递给props
Expected output after two second
abcsssss
static getDerivedStateFromProps(nextProps, prevState) {
if (nextProps.src !== "") {
return { src: nextProp
浏览 41提问于2018-12-11得票数 1
回答已采纳
我试图使用回调从JWT &会话访问用户凭据
import NextAuth from "next-auth/next";
import CredentialsProvider from "next-auth/providers/credentials";
import User from "../../../models/user";
import dbConnect from "../../../config/dbConnect";
export default NextAuth({
session: {
浏览 4提问于2022-09-27得票数 0
1回答
我正在使用React和ArcGIS构建一个交互式地图，允许用户：
更新地图上显示的数据层(郊区、地方政府区域等)
更新了地图的视口(缩放和中心)
我的问题是与视口，特别是‘缩放’和‘中心’。例如，如果有人放大数据层，然后更新数据层，它将恢复到初始状态视图设置。
作为参考，这是我正在尝试实现的一个交互反应的例子：。如您所见，它允许您更新显示的数据层(建筑物、泊位等)。而不返回到原来的缩放设置。
为了达到上述效果，我尝试了两种方法：
useState并将“活动层”从“侧栏组件”传递到“Map组件”。问题是，每次用户更改显示的数据层时，它都会恢复到初始状态视口设置。
useC
浏览 1提问于2020-06-28得票数 3
所以，我的基本观点是，商店应该永远是单身的。在我的例子中，我有以下内容：
一个人员存储，控制人的CRUD操作，以及搜索/过滤。
我现在有两个组件，它们同时显示了使用这种过滤，我目前的问题是，由于它们共享存储，所以当前的实现是对这两个组件进行过滤。
我目前的解决办法是：
在控制器组件中控制滤波
有两个单独的存储区，覆盖它们的每个域，并在共享的util中具有过滤功能。
浏览 1提问于2015-02-26得票数 1
回答已采纳
2回答
我正在尝试调试React应用程序中的性能问题，有任何方法或'devtools‘或任何手段来检查我的组件的性能，以防止失败的浪费渲染
浏览 1提问于2019-04-15得票数 0
我正在试验新的nextjs特性，并且在页面/_middleware.ts中使用next-auth。
import { getSession } from 'next-auth/client';
import type { NextFetchEvent, NextRequest } from 'next/server'
import {NextResponse} from 'next/server'
async function middleware(req: NextRequest, ev: NextFetchEvent) {
let s
浏览 3提问于2021-11-09得票数 3
我正在尝试将身份验证与应用程序中的next-auth库集成起来。我一直遵循官方教程在这里提供的。给出的例子的问题是，我需要检查每个页面上是否有一个会话需要像这样的身份验证。
import { useState, useEffect } from 'react';
import { useSession } from 'next-auth/client'
export default function Page () {
const [ session, loading ] = useSession()
浏览 2提问于2021-05-16得票数 10
回答已采纳
我知道PureComponent的事，但从深层次的思考来看，我对此感到困惑。
当状态或道具发生更改时，将调用ShouldComponentUpdate函数。因此，我们肯定知道，如果调用ShouldComponentUpdate，状态或道具会发生更改。这些更改也应反映在组件视图中。如果状态或道具没有更改，则永远不会调用shouldComponentUpdate。
PureComponent提供旧状态或道具与新状态或道具之间的浅比较，如果它们相同，则不会呈现。但是我们已经知道，shouldComponentUpdate被调用意味着新的状态或道具与旧的状态或道具不同。
从逻辑上讲，我对此感到困惑，所
浏览 1提问于2018-12-04得票数 1
在文章之后，我遇到了一个问题：
//components/Auth.tsx:35:31
--
Type error: Property 'role' does not exist on type '{ name?: string; email?: string; image?: string; }'
打字本在if (session && session.user.role === 'Admin')上对.role属性大喊大叫。有人吗，我该怎么绕过这个问题？我修改了本地节点模块规则，但在生产中仍然不允许：
贝娄我从那篇文章中提供了我的
浏览 8提问于2022-08-14得票数 0
我完全不明白下一个文件。
我知道您可以同时使用JWT和会话，但是如何告诉下一个您使用的是哪一个呢？next-auth将其会话或JWT存储在何处？在服务器端还是客户端？
浏览 5提问于2022-08-21得票数 1
回答已采纳
考虑到减速器状态的这两种模式：
一个单一的状态对象：
// personReducer.js
const initialState = {
personInfo: {
firstName: "",
lastName: "",
foo: "",
bar: "",
baz: "",
foo1: "",
bar1: "",
bar2: "",
foo2: "",
浏览 2提问于2020-06-23得票数 0
回答已采纳
我无法从getToken获得令牌：
这个变量是可以的: NEXTAUTH_SECRET=secret NEXTAUTH_URL=
这是我的...nextauth.js --我可以做console.log(令牌)，它工作得很好
import NextAuth from "next-auth";
import GoogleProvider from "next-auth/providers/google";
...
jwt: {
secret: process.env.JWT_SECRET,
encryption: true,
}
浏览 15提问于2022-03-05得票数 3
1回答
提交表单后，用户单击“上一步”按钮，如何防止数据被重新提交。我读到的很多东西都表明，解决这个问题的方法是实现PRG“模式”。
我找到了这个网页，我想用它作为例子。
当我执行这段代码时，我仍然可以单击back按钮，然后重新单击submit按钮，让表单重新提交数据，即使它是重定向的。所以，我不明白这是如何阻止重新提交表单数据的。
那么，以这个页面为例，如何修改代码来防止这种行为呢？
浏览 0提问于2012-12-01得票数 1
回答已采纳
1回答
MWC:如何更改URL
、、、
大家好，
故事时间-如果你不关心的话跳过
我刚刚开始使用Meteor +聚合物，使用 by @aruntk，我对其结果非常高兴，并对他在这个项目上的投入时间感到非常高兴。不过，我有一个问题。
我以前只更改了一个铁页对象来更改我视图的内容。把它放到FlowRouter中，比如FlowRouter.route("/", action: {ironpages.select("home");});，效果很好。然而，我的网站变得越来越复杂，我想重新修改一个完整的部分现在。我被告知要积极地做这件事，这是(据我所知)在这里构建应用程序的首选方法。
如果你不关心故事的话，tl；
浏览 2提问于2016-08-06得票数 0
回答已采纳
3回答
我正在将我的CRA应用程序转换为Nextjs，并在Nextjs拦截器模式中遇到了一些问题。
它可以工作，但我不得不创建一个Axios实例并将其传递给每个api调用。
有更好的方法吗？
我现在拥有的是：
Profile.js
import { useSession } from 'next-auth/react'
function Profile(props) {
const { data: session } = useSession()
const [user, setUser] = useState()
useEffect(()=> {
浏览 9提问于2022-02-20得票数 0
我不能在getServerSideProps中与HTTPS一起使用getServerSideProps()。
正常吗？我试过很多次了。
如果使用HTTPS，我会得到它的。我不能在getSession()中使用getServerSideProps
__Secure-next-auth.callback-url
__Secure-next-auth.session-token
__Host-next-auth.csrf-toke
如果使用HTTP和我可以在getSession()中使用getServerSideProps是可以的
next-auth.callback-url
next-auth.s
浏览 0提问于2021-08-26得票数 9
回答已采纳
从浏览中找不到结果。我一直收到这个错误，虽然我第一次构建这个应用程序的时候很好，但我无法通过部署的应用程序和不同机器的身份验证。它说，虽然它在那里，但它找不到[...nextAuth].js。你们能帮忙吗？
[next-auth][error][MISSING_NEXTAUTH_API_ROUTE_ERROR]
https://next-auth.js.org/errors#missing_nextauth_api_route_error Cannot find [...nextauth].{js,ts} in /pages/api/auth. Make sure the filename i
浏览 15提问于2022-08-06得票数 0
我遇到了这种行为，我必须只运行useEffect钩子一次。其原因主要是因为我必须插入一个leaflet.js映射，这种映射不能超过一次。
但是，每当我更改组件jsx中的某些内容时，DevServer的“热再发”功能似乎忽略了useEffects第二个参数[]，并且无论如何都会重新运行它，尽管coachmap的状态仍然存在。此行为引发错误：map is already initialised，该错误只能通过重新加载浏览器选项卡来修复。
你知不知道我怎样才能防止重新初始化传单的反应？
我已经试过检查typeof coachmap == 'undefined'是否仍然奇怪地重新初始化
浏览 2提问于2021-05-24得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
