typescript - Fetch polyfill 在 Internet Explorer 11 中具有不同的响应对象

Question

我目前正在努力使用 Internet Explorer 11 和 Fetch API。

我有以下提取调用 unsing TypeScript:

await fetch(theForm.action, { method: theForm.method, body: formData, credentials: "include" })
    .then((response: Response) => {
        if (response.status === 500)
            throw Error(response.statusText);

        if (response.redirected && response.url)
            return window.location.href = response.url;

        return response.json();
    })
    .catch((error: Error) => {
        return this.setState({ isSubmitting: false, internalServerError: error });
    });

代码被 ts 编译为 ES2015，然后使用 babel 编译为 ES5。我还添加了 babel-polyfill。示例代码在 IE 以外的其他浏览器上按预期工作。 事实证明，IE 中的 Response 对象完全不同，甚至没有属性 redirected 并且 url 始终为空。

我应该使用任何 polyfill 来使它在 IE 中工作吗？如果不是，什么是好的解决方法？

Answer 1

MDN's browser compatibility table for Response表示 redirected 属性在 IE 上不可用。

您可以尝试使用类似 https://github.com/github/fetch 的 polyfill连同关于 https://github.com/github/fetch#obtaining-the-response-url 的 API 建议.