問題タブ [vue-ssr]

全力で水分補給する方法は？これは、変数を使用してクライアント側でのみリクエストを遅延させるif句がある場合に常に発生します。このエラーが発生すると、本番環境で実行中のクライアント側アプリ全体 (Hydrating) が停止します。

完全に正常に動作する開発モードと同じように、必要に応じてアプリで完全な再水和を行う必要があります。 data-server-rendered 属性のない要素では、$mount の hydrating 引数に true を渡すことでハイドレーションを強制することもできます。

/about、などの一部のページは静的である方がよいWebサイトを構築していますが、APIからデータを取得して/accessいるため、などの一部のページ/productsは動的である必要があります。

Vue.jsまたはnuxt.jsを使用してこれを実装する方法はありますか? ヒントや参考文献は非常に高く評価されます。

firebaseを介してGoogleログインでログインする場合、Cookieを設定しようとしています。

説明するのは少し難しいですが、ログインすると、自分のサイトからの Cookie が設定され、Google からの Cookie が設定され、別のルートに移動すると設定されます。ユーザーの状態を印刷して、メールと uid を取得したことを確認しました。戻るが、ページを更新するとエラーが発生する：Invalid token specified: Cannot read property 'replace' of undefined

if(!req.headers.cookie) return;だから私はそれをデバッグしようとしましたが、この行がエラーの場合であるという結論に達しました。または、GoogleもCookieを設定しているためだと思います。他のログイン方法でこれを試してもエラーは発生しませんが、それはGoogleが原因です電子メールとパスワードだけでログインすると、Cookie が設定されず、Cookie が設定されます。

これが私のコードです：

私の方法：

私のユーザー/ソーシャルログイン:

私のクッキーセッター:

そして、状態が変更されたかどうかをテストする場所は次のとおりです。

この問題を解決するにはどうすればよいですか? 以下にお知らせください。編集：これが私の状態です：

signInWithEmailAndPassword(account.email, account.password) メソッドを使用するログインと呼ばれる他のアクションからアカウントを取得します

編集：

問題を修正しました。いくつかの大きな変更があります。ユーザーからのすべての情報をアカウントセクションに設定しますdata: () 。メール、名前、姓が含ま れますアカウントの詳細を 2 番目のパラメーターとして、次のように変更しました。signinwithpopupsociallogin()result.user.emailthis.account.emailstore>users>index sociallogin()

電子メールがデータベースに存在するかどうかを確認し、存在しない場合は追加情報を使用してユーザーをデータベースにプッシュし、その上で Cookie セッターを呼び出します。これはエラーにならず、正常に動作します。

Cloudflare ワーカーで vue ssr アプリを実行しようとしています。

を使用して新しいプロジェクトを生成しましたwrangler generate test

npm install vue@nextとを使用してvをインストールしましたnpm install @vue/server-renderer

index.jsファイルを次のように編集しました。

その後wrangler dev、テストしていましたが、ページにアクセスすると次のエラーが発生します。

ヘルプやガイダンスをいただければ幸いです