vue中配置GraphQL

链接：https://www.jianshu.com/p/95954887271f

安装命令：npm install vue-apollo graphql apollo-boost --save

1.在 src/main.js 中引入 apollo-boost 模块。

import ApolloClient from 'apollo-boost' 
import VueApollo from 'vue-apollo'
const baseurl = "https://localhost:44300";
const apolloClient = new ApolloClient({
    // 你需要在这里使用绝对路径
    uri: baseurl + '/api/graphql'
})
Vue.use(VueApollo);
const apolloProvider = new VueApollo({
    defaultClient: apolloClient,
})
Vue.prototype.$api = {
	baseurl
}
new Vue({
  render: h => h(App),
   router,
   apolloProvider 
}).$mount('#app')
//---GT

用GraphQL查询：

<script>
	import gql from 'graphql-tag';
export default {
		name: 'library',//vue页面名
		data() {
			return {
				value: 1,
				catdata: [1, 2, 3],
				taxonomy: []
			}
		},
		components: {
			Header
		},
		methods: {
			detail(value) {
				this.value = value
			},
			loadData() {
				// catdata = res.data

			}
		},
		apollo: {
			taxonomy: gql `query MyQuery {//写要获取的数据
				  taxonomy {
						displayText
						contentItemId
						author
						contentItemVersionId
						contentType
						createdUtc
						latest
						modifiedUtc
						owner
				  }
			}`
		},
		mounted() {
			// console.log("加载分类数据")
			// this.loadData();
			// console.log(this.taxonomy)

		}
	}
</script>