import AuthorLink from'../components/AuthorLink.vue'import { useRoute } from'vue-router'import { computed } from'@vue/reactivity'let postSlug=useRoute().params.slugconst post= computed(()=>null)functiondisplaya
headers:{ Authorization:"Bearer eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6Ik9FWTJSVGM1UlVOR05qSXhSRUV5TURJNFFUWXdNekZETWtReU1EQXdSVUV4UVVRM05EazFNQSJ9.eyJodHRwczovL2hhc3VyYS5pby9qd3QvY2xhaW1zIjp7IngtaGFzdXJhLWRlZmF1bHQtcm9sZSI6InVzZXIiLCJ4LWhhc3VyYS1hbGxvd2VkLXJvbGVzIjpbInVzZXIiX...
目前正在开发的Vue Apollo 4 将支持 Vue 3)，没法利用typescript来检查GraphQL接口拉回来的数据，这里...
Element-UI模版提供的是顶菜单+左工具栏的UI模版, src/compoments/layout/BaseHeader.vue 为顶部菜单, BaseSide.vue为左边菜单. 这里我们修改BaseHeader.vue,修改后菜单项为 MyBlog -->HomeView.vue Posts All Posts-->All Posts Add Post//将来实现Delete Post//将来实现Tag ->根据Backend端的取得Tag的种类动...
());//express.json=bodyParser.json app.use(express.urlencoded({ extended: true })); 二、在vue中集成Graphql 1、参考文档地址 2、安装依赖包 npm install --save vue-apollo graphql apollo-boost graphql-tag 3、在 src/main.js中引入 apollo-boost模块并实例化 ApolloClient import ApolloClient ...
注释:vue-apollo:可以帮助你在应用中使用GraphQL的一套工具。 注释:apollo-boost:快速的配置你的请求地址等,也有自己的默认配置。 注释:graphql:安装的时候本身就有一个graphql-tag来提供gql方法。 1. 2. 3. 4. 5. 创建一个ApolloClient 实例 /src/utils/graphql.js ...
Vue.use(VueApollo); 5.根实例引用 var vm = new Vue({ el: '#app', provide: apolloProvider.provide(), router, components: { app: App }, render: createEle => createEle('app') }) 6.使用 import gql from "graphql-tag"; export default { data() { return { goods:{}, infoId:...
GraphQL 日渐成为数据查询的主流标准之一。每天都会产生许多围绕这项技术发展的精彩讨论和新工具。GraphQL...
Vue.config.productionTip=false console.log(apolloProvider) newVue({ apolloProvider, router, render:h=>h(App), }).$mount('#app') 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 查询 importgqlfrom'graphql-tag' ...
Vue工程接入GraphQL 基本用法(如何去用) package.json "dependencies": { "apollo-server-koa": "^1.3.6", "graphql": "^0.13.2", "graphql-import": "^0.6.0", "graphql-tools": "^3.0.2", "koa": "^2.5.1", "koa-bodyparser": "^4.2.1", ...