如何在較舊的IOS /舊瀏覽器上使用Graphql Vue Apollo？

Question

我只是意識到並注意到我的vue應用程序在某些舊版瀏覽器上運行不正常（例如ios 9）。 我使用vue-apollo使用django graphene從graphql api獲取數據，但是當我調試它時，它不會在第一次加載時調用事件。

以前我得到的錯誤如“全局未找到fetch”，但之后我已經通過在ApolloClient配置中添加“unfetch”來修復它。 但我仍然無法在xhr網絡上看到api被調用。 我沒有嘗試過isomorphic-fetch

這是我的apollo客戶端配置代碼：

// src/utils/graphql.js
import { ApolloClient } from 'apollo-client';
import { HttpLink } from 'apollo-link-http';
import { InMemoryCache } from 'apollo-cache-inmemory';
import fetch from 'unfetch'

export default new ApolloClient({
  // Provide the URL to the API server.
  link: new HttpLink({ uri: '/api/', fetch: fetch }),
  // Using a cache for blazingly
  // fast subsequent queries.
  cache: new InMemoryCache(),
  connectToDevTools: true
});

我在main.js中這樣指定它

import apolloClient from '../utils/graphql'
import VueApollo from 'vue-apollo'

Vue.use(VueApollo);

Vue.config.silent = true

const apolloProvider = new VueApollo({
  defaultClient: apolloClient,
  defaultOptions: {
    $loadingKey: "loading"
  }
})

這是我在main.js中使用的apollo示例以及使用智能查詢：

apollo: {
  currentUser: {
    query: GET_LOGGED_USER,
    skipQuery() {
      return this.skipUser
    }
  }
}

我怎樣才能在ios 9 /任何舊瀏覽器上運行它？

Answer 1

好的，經過兩天的調試后，我終於找到了問題。 所以事實證明我需要添加和配置babel / polyfill以使其工作，並將其添加到我的應用程序的入口點。

希望每個有同樣問題的人都能從我的錯誤中吸取教訓