【问题标题】:Nativescript-vue graphql backend?Nativescript-vue graphql 后端?
【发布时间】:2019-10-01 00:05:47
【问题描述】:

刚开始尝试nativescript-vue。由于它很新,似乎找不到关于 nativescript-vue 与 graphql 集成的好的文档。试过vue-apollo,但无法安装。当我执行vue add apollo 时,它会出错。有没有关于如何将 nativescript-vue 与 graphql 后端或更具体地通过 apollo 集成的好的文档?

【问题讨论】:

  • 我尝试将 Apollo 与 NS-Vue 结合使用,但出现了一些问题。但是,它正在使用 axios。

标签: nativescript nativescript-vue


【解决方案1】:

我想确认 nativescript-vue 与 vue-apollo 一起正常工作

你应该首先使用 npm 或 yarn 安装 apollo-boost

yarn add vue-apollo graphql apollo-boost

main.ts

import Vue from "nativescript-vue";
import routes from "./routes";
import store from "./store";
import * as ApplicationSettings from "tns-core-modules/application-settings";

import VueApollo from "vue-apollo";
import ApolloClient from "apollo-boost";

// GET TOKEN and Prepare for header bearer
const tokenInAppSet = ApplicationSettings.getString("token")
    ? ApplicationSettings.getString("token").replace(/['"]+/g, "")
    : false;

/////////////// APOLLO 
export const defaultClient = new ApolloClient({
    uri: "http://000.com/graphql",
    headers: {
        authorization: `Bearer ${tokenInAppSet}`,
    }
});

Vue.use(VueApollo);
const apolloProvider = new VueApollo({
    defaultClient,
});

new Vue({
    store,
    apolloProvider,
    render: (h) =>
        h("frame", [h(tokenInAppSet ? routes.entered : routes.login)]),
}).$start();

如果你想查看一些已安装的版本。

带有 Nativescript 示例的 Vue-Apollo:

https://github.com/kaanguru/apollo-jwt

https://github.com/kaanguru/simple-question

【讨论】:

猜你喜欢
  • 2019-08-01
  • 2019-01-17
  • 2020-12-26
  • 2020-05-10
  • 2019-03-06
  • 2019-08-13
  • 2019-10-25
  • 2019-04-16
  • 2020-12-10
相关资源
最近更新 更多