我正在将我的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)