在旧浏览器上使用 Fetch 的 ReactJS答案

【问题标题】：ReactJS with Fetch on older browsers在旧浏览器上使用 Fetch 的 ReactJS
【发布时间】：2017-04-18 18:58:41
【问题描述】：

我正在使用 Webpack 和 Babel 实现 React JS。但是，我无法让 Fetch 与 IE 11 一起使用。

我的 .babelrc 文件中有以下内容：

{
  "presets" : ["env", "stage-0", "react"]
}

以及我的 webpack.config.js 文件中的以下内容：

var webpack = require('webpack');
var path = require('path');

var DIST_DIR = path.resolve(__dirname, 'dist');
var SRC_DIR = path.resolve(__dirname, 'src');

var config = {
  entry: {
    bundle: [
      'babel-polyfill',
      SRC_DIR + '/app/index.js',
    ]
  },
  output: {
    path: DIST_DIR + '/public/js',
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        include: SRC_DIR,
        loader: 'babel-loader'
      }
    ]
  }
};

module.exports = config;

根据我的理解，实现 babel-preset-env、stage-0 和 babel-polyfill 应该允许将 Fetch API 转换为旧浏览器可以理解的东西。我还有什么遗漏的吗？

【问题讨论】：

只是想添加这个以备将来参考，以防人们对 IE 11 不支持 fetch 感到惊讶：caniuse.com/#search=fetch

标签： javascript reactjs webpack babeljs fetch-api

【解决方案1】：

fetch 不是 EcmaScript 的一部分，而是 网络平台 的一部分。 Babel 只是一个编写最新 Javascript 的编译器。如果你想在旧版浏览器中使用fetch，你需要像this one这样的polyfill

获取 API：read more

【讨论】：

【解决方案2】：

fetch 必须由您使用的浏览器提供，并且不包含在babel-polyfill 中。如果您的浏览器不支持fetch，您可以回退到使用XMLHttpRequest 或使用诸如isomorphic-fetch 之类的polyfill。

【讨论】：