为什么我的React App无法在Safari 10.1中运行?

时间:2019-07-26 05:34:46

标签: webpack safari fetch polyfills

我的应用程序可在其他浏览器上正常运行,但无法在Safari 10.1中加载,我不确定如何修复它。我以为可能是因为Safari 10.1不支持fetch,但是我已经在我的webpack.config.js中添加了fetch polyfill(whatwg-fetch),但仍然无法正常工作:

module.exports = {
  entry: {
    back: ["@babel/polyfill", "whatwg-fetch", "./back-end/index.jsx"],
    ...
  },
  output: {
    ...

这是错误控制台的屏幕截图: error console

这是“网络”标签的屏幕截图: network tab

谢谢。

1 个答案:

答案 0 :(得分:0)

发现了问题,并且与[XmlRoot( ElementName = "AccessControlPolicy", Namespace = "http://s3.amazonaws.com/doc/2006-03-01/")] public class AccessControlPolicy { // ... } 有关。

我读到this thread时说:

  

获取存在问题-我想使用Safari时,您必须传递fetch,否则它不会发送cookie(与Chrome不同)。

我注意到在我的网络标签的屏幕截图中,对credentials: 'include'的API调用返回了401,这表示用户登录……但是该API调用发生在用户 登录后,这听起来像是cookie问题。

要解决此问题,我只需要向使用/user的通用credentials: 'include'函数中添加get()

fetch