更改Apollo提供程序中的Apollo终结点

Question

有没有办法在创建Apollo客户端之后更改Apollo端点？我想让用户输入他们自己的端点。

Answer 1

httpEndpoint可以是一个函数，在每次查询时都会调用它。

正如@wrod7所提到的，您可以使用localStorage，但全局变量应该足够

// vue-apollo.js
export { defaultOptions }

// main.js
import { createProvider, defaultOptions } from './vue-apollo'
window.apolloEndpoint = defaultOptions.httpEndpoint
new Vue({
  router,
  apolloProvider: createProvider({
    cache,
    httpEndpoint: () => window.apolloEndpoint,
  }),
  render: h => h(App),
}).$mount('#app')

你可以在你喜欢的任何地方设置apolloEndpoint，我用window.让eslint高兴

使用current query调用httpEndpoint，因此可以根据operationName有条件地返回端点

vue-apollo获得了对多个客户端的支持，如果您只想覆盖某些查询上的端点，它可能会很有用，但我认为这是离题的

Answer 2

我正在我的一个应用程序上这样做。我将URL字符串存储在移动设备的本地存储或异步存储中。您可以在应用程序加载时检查字符串，如果没有存储url字符串，则让用户输入一个字符串。在输入url并将其保存到本地存储之后，应用程序将必须刷新。