問題タブ [vue-apollo]

Nuxt 内で Apollo を使用してデータを取得しています。どういうわけか、そのページに移動すると、エラーが発生します

ページを更新すると、すべてが期待どおりに機能します。

同様の問題を抱えている人々のスレッドをいくつか見つけましたが、解決策がないようです:/

これは今の私のテンプレートファイルです:

/products/_slug.vue

基本的に、ページを更新しない限り $apolloData は空のままです。どんなアイデアでも大歓迎です

編集 一歩近づきました（と思います）。以前は、最初にページに移動したときにすべて (image.url と名前) が未定義でした。

追加した：

エクスポートの一番上にあり、少なくとも名前は常に定義されているため、画像を削除すると、すべてが期待どおりに機能します。image.url だけが未定義のままです。

私が気づいたことの 1 つ (どの程度関連性があるかはわかりません) は、この問題は を使用してのみ発生することです。通常の a タグを使用すると機能しますが、もちろん vue マジックが失われます。

EDIT-2 Nuxt をバージョン 1.0.0 にダウングレードすると、すべて正常に動作します

私は VueJS および NodeJS 開発の新しい開発者です。

フロントエンドセクションには apollo-boost、graphql、vue-apollo を使用し、バックエンドセクションには express-graphql、express、graphql、knex、MySQL を使用しています。

バックエンド セクションを実行した後、次のような適切な応答が得られます: 入力パラメーター

出力：

したがって、コードはサーバー側で問題ないと思います。これらのデータを vuejs で表示したいと思います。以下のようにコードを実装しました。

エラーは発生していませんが、フロント エンド セクションに表示する結果はありません。何が間違っているのか教えてください。

vue-apolloを使用してこのエンドポイントから映画データを受信する際に多くの問題が発生しています。

エンドポイント: http://movie-database-graphql.herokuapp.com/graphiql

そして、これは私がそれを構成する方法です（ところでスタイリングのためのVuetify）：

main.js

Apollo を介してデータベースを呼び出す方法に問題があると思いますが、まだわかりません。ドキュメントに従って多くの方法を試しましたが、常に失敗します。

MovieList.vue (クエリを含むコンポーネント)

私が欠けているものを理解していますか？ムービー データを受け取りません (エラーは表示されません...)。ムービー配列は常に空です