GraphQL瀹炶返绡嘨ue+GraphQL鎼缓瀹㈡埛绔湪涓婁竴绡囨枃绔犱腑锛屾垜浠粙缁嶄簡浣跨敤Nestjs+GraphQL鎼缓鏈嶅姟绔€傛湰鏂囪褰曚娇鐢╒ue+GraphQL鎼缓瀹㈡埛绔€傚鎴风椤圭洰鐩綍缁撴瀯濡備笅锛氶鍏堟垜浠娇鐢╲ue-cli鏂板缓涓€涓」鐩紝鐒跺悗瀹夎渚濊禆锛歯pminstallapollo-cache-inmemoryapollo-clientapollo-linkapollo-link-httpapollo-link-wsapollo-utilitiesvue-apollo-Simportdependencies//main.jsimportVuefrom'vue'importAppfrom'./App.vue'import{apolloProvider}from'./vue-apollo';Vue.config.productionTip=falsenewVue({render:h=>h(App),//娉ㄥ叆apolloProviderlikevue-routerorvuexapolloProvider,}).$mount('#app')//vue-apollo.js//鐩稿叧鏂囨。锛岃鍙傝€僪ttps://apollo.vuejs.org/zh-cn/import{ApolloClient}from'apollo-client'import{createHttpLink}from'apollo-link-http'import{InMemoryCache}from'apollo-cache-inmemory'importVuefrom'vue'importVueApollofrom'vue-apollo'//鏂扮殑瀵煎叆鏂囦欢-utilities'Vue.use(VueApollo)//HTTP杩炴帴鍒癆PIconsthttpLink=createHttpLink({//杩欓噷闇€瑕佷娇鐢ㄧ粷瀵硅矾寰剈ri:'http://localhost:3001/graphql',})//鍒涘缓璁㈤槄鐨剋ebsocket杩炴帴constwsLink=newWebSocketLink({uri:'ws://localhost:3001/graphql',options:{reconnect:true,}})//浣跨敤鎷嗗垎杩炴帴鐨勫姛鑳?/鍙互鏍规嵁鍙戦€佺殑鎿嶄綔绫诲瀷灏嗘暟鎹彂閫佸埌涓嶅悓鐨勮繛鎺onstlink=split(({query})=>{constdefinition=getMainDefinition(query)returndefinition.kind==='OperationDefinition'&&definition.operation==='subscription'},wsLink,httpLink)//鍒涘缓apollo瀹㈡埛绔痗onstapolloClient=newApolloClient({link,cache:newInMemoryCache(),connectToDevTools:true,})exportconstapolloProvider=newVueApollo({defaultClient:apolloClient,})缂栧啓涓氬姟浠ｇ爜//App.vue
