React fetch polyfill 在移动设备上不起作用答案

【问题标题】：React fetch polyfill on mobile devices not workingReact fetch polyfill 在移动设备上不起作用
【发布时间】：2018-06-26 09:56:52
【问题描述】：

试图让 fetch 在 ios/android（chrome 和 safari）上工作。我目前在我的 webpack 中有这个（使用 webpack 4）：

new webpack.ProvidePlugin({
   Promise: 'imports-loader?this=>global!exports-loader?global.Promise!es6-promise',
   fetch: 'imports-loader?this=>global!exports-loader?global.fetch!whatwg-fetch'
}),

使用此代码，它适用于 IE 桌面，但在我的 android 上，它会出现以下错误：

Uncaught (in promise) TypeError: Failed to fetch

获取代码：

fetch('http://localhost:8092/api/shops/search?searchString=spicy')
    .then(function(response) {
        if (response.status >= 400) {
            throw new Error("Bad response from server");
        }
        return response.json();
    })
    .then(function(stories) {
        console.log('hej', stories);
    });

有什么想法吗？

【问题讨论】：

标签： javascript reactjs webpack fetch polyfills

【解决方案1】：

这是因为您的http://localhost:8092 在您的桌面上被正确解析（假设为127.0.0.1），但对于您的移动设备 - localhost 是这个特定的设备，而不是您的桌面。所以我想你应该尝试使用可以通过你的所有网络访问的 IP 地址（而不仅仅是 localhost），假设你的移动设备连接到同一个。

【讨论】：