Akryum / Akryum/vue-apollo-example

How can I port this example for use with scaphold.io

オープン
#2 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
Vue
スター
108
フォーク
23
PR マージ指標
30日以内にマージされた PR はありません

説明

I can't seem to grasp your use of client. In the example you are using a web socket client.
When I try to use vue-apollo with scaphold.io config, it fails with `$apollo.client` `undefined` and also shows `query` and `mutate` properties with TypeError since `undefined`.
What gives?

screenshot 2017-01-18 10 51 50

As you can see I experimented with trying to use localhost as ws client, then disabled on advice from @vince from scaphold.io

```js
import ApolloClient, { createNetworkInterface } from 'apollo-client'
// import { Client } from 'subscriptions-transport-ws'
// import { addGraphQLSubscriptions } from 'vue-apollo';
import config from '../config/client'

const networkInterface = createNetworkInterface({
uri: config.scapholdUrl,
transportBatching: true
})

// const wsClient = new Client('ws://localhost:3001')

// const networkInterfaceWithSubscriptions = addGraphQLSubscriptions(
// networkInterface,
// wsClient,
// )

networkInterface.use([{
applyMiddleware (req, next) {
if (!req.options.headers) {
req.options.headers = {} // Create the header object if needed.
}
if (localStorage.getItem('token')) {
req.options.headers.Authorization = `Bearer ${localStorage.getItem('token')}`
}
next()
}
}])

const client = new ApolloClient({
networkInterface // : networkInterfaceWithSubscriptions
})

// Install the vue-apollo plugin and use the apollo client
Vue.use(VueApollo, {
client
})

new Vue({
...App,
apollo: {
// Apollo specific options
}
}).$mount('#app')
```

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

評価

この issue はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。