如何调试无法在 react-admin 应用程序中获取答案

【问题标题】：How to debug failed to fetch in react-admin app如何调试无法在 react-admin 应用程序中获取
【发布时间】：2019-01-06 18:48:09
【问题描述】：

如何调试无法在react-admin 应用程序中获取。

如果我使用http://jsonplaceholder.typicode.com，它可以工作，使用自定义 API 就不能工作。自定义 API 只是 typicode API 之上的一个包装器，因此我可以一个接一个地替换。自定义 API 工作正常，没有任何问题。

感谢您提供故障排除方面的帮助。

const dataProvider = jsonServerProvider('http://xxxxxx/api');
//const dataProvider = jsonServerProvider('http://jsonplaceholder.typicode.com');
const App = () => (<Admin dataProvider={dataProvider}>
                    <Resource name="posts" list={ListGuesser}/>
                    <Resource name="users" list={ListGuesser} />
                    <Resource name="comments" list={ListGuesser} />
                    <Resource name="photos" list={ListGuesser} />
                    <Resource name="albums" list={ListGuesser} />
                    <Resource name="todos" list={ListGuesser} />
                </Admin>);

【问题讨论】：

标签： reactjs react-admin

【解决方案1】：

这可能是由多种因素造成的，为了进一步诊断，我会在您的浏览器中检查控制台和网络请求。

我在控制台中遇到以下错误：

The page at was loaded over HTTPS, but requested an insecure resource This request has been blocked; the content must be served over HTTPS.

解决方案是将数据提供者（jsonplaceholder）的 URL 从 http:// 更改为 https://

【讨论】：

【解决方案2】：

您可以浏览您的网络并打开开发工具并浏览“网络”选项卡。您将看到正在发送的具体 http 请求以及它为什么不起作用（例如，它可能是 CORS 问题）。

【讨论】：