Nativescript-vue graphql 后端？

Posted 2023-04-14

【中文标题】Nativescript-vue graphql 后端？

【英文标题】：Nativescript-vue graphql backend?

【发布时间】：2019-10-01 00:05:47

【问题描述】：

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

【问题讨论】：

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

【参考方案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

【讨论】：

谢谢，现在我仍然需要获取 websockets 才能使订阅工作。有什么想法/回购吗？

我可以建议使用 tns debug android --no-hmr 。大多数错误与 nativescript-vue 无关 vue-apollo.netlify.com/guide/apollo/subscriptions.html#setup

那没有，我问了一个单独的问题***.com/questions/62357603/…