相关疑难解决方法(0)

如何将 Axios 拦截器与 Next-Auth 结合使用

我正在将我的CRA应用程序转换为拦截器模式Nextjs并遇到一些问题Axios

它有效,但我被迫创建一个Axios实例并将其传递给每个 api 调用。

有一个更好的方法吗?

这是我现在所拥有的:

Profile.js:

import { useSession } from 'next-auth/react'

function Profile(props) {
    const { data: session } = useSession()
    const [user, setUser] = useState()
    useEffect(()=> {
      const proc= async ()=> {
        const user = await getUser(session?.user?.userId)
        setUser(user)
      }
      proc()
    },[])
    
    return <div> Hello {user.userName}<div>
}

Run Code Online (Sandbox Code Playgroud)

getUser.js:


export default async function getUser(userId) {
    const axiosInstance = useAxios()
    const url = apiBase + `/user/${userId}`
    const { data } …
Run Code Online (Sandbox Code Playgroud)

reactjs axios next.js react-query next-auth

6
推荐指数
1
解决办法
2万
查看次数

标签 统计

axios ×1

next-auth ×1

next.js ×1

react-query ×1

reactjs ×1