javascript - React fetch polyfill 在移动设备上不起作用

Question

尝试让 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);
    });

有什么想法吗？

Answer 1

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