我正在尝试使用swr in实现客户端数据获取nextjs。我可以useSWR在我的桌面浏览器中显示使用钩子获取的数据。然后，我从我的桌面在本地主机上提供该应用程序，并尝试在我的移动浏览器上通过 wi-fi（两个设备在同一网络上）对其进行测试。不显示客户端获取的数据。而是<Error />返回组件。
这可能是什么原因？我还没有真正看到有人在互联网上提出类似的问题
在useSWRFetch.js
...
const fetcher = (...args) => axios.get(...args).then(res => res.data)
export const useSWRFetch = (url) => {
const { data, error } = useSWR(url, fetcher)
return { data, error }
}
在ClientFetchedComponent.js
...
export default function ClientFetchedComponent() {
const { data, error } = useSWRFetch(`http://localhost:8000/api/category/featured`)
if (error) return <Error />
return <div>
{ !data ?
<Loading /> :
data.results.map(item => {
return <div key={item.id}>
...
...
</div>
})
}
</div>
}