React Server Components (RSC) と Server Side Rendering (SSR) の違いは何ですか?

React18 の登場により、RSC が誕生しました。 NextJSのSSRとどう違うのか知りたいです。

P粉588152636 2024-01-16 11:09:44 0  1  685

Nuxt 3 は SSR でレンダリングされません

したがって、プライベート環境変数を取得しようとしているときに問題が発生しました。私のページがSSRである場合にのみそれらを入手できることは知っています。問題は、私がそれを無効にしたことがないことです。私のページで console.log(process.server) を実行すると、常に false が返されます。 ssrを無効化したことがないので不思議に思います。これは私の nuxt.config.ts://https://nuxt.com/docs/api/configuration/nuxt-c です

P粉193307465 2024-04-05 15:04:40 0  1  3980

Inertia SSR + Vue でのクライアント側プラグインの使用の実装

Laravel10(jetstream)+Vue3+InertiaJSを使用しています。プロジェクトで SSR を有効にしたいのですが、Vueapexcharts プラグインで問題が発生しています。それは機能しません。私も @fawmi/vue-google-maps と同じ問題に遭遇しました。 Googleは私を助けてくれませんでした。

P粉333186285 2023-09-02 15:59:24 0  2  544

Vue 3 SSR アプリケーションのルーターに vuex ストアを統合するにはどうすればよいですか?

SSR、Vue-Cli、Vuex、Typescript を使用した Vue3 プロジェクトがあります。ルーティング ページでは、データを VuexStore に送信する必要があります。 .vue ファイルでは、次のように vuex.d.ts で型定義されている this.$store を単純に使用できます: this.$store.commit("setFoo","Bar") ただし、これを使用しない場合は、または ts ファイルを使用します。 vue インスタンス (ルート

P粉883223328 2023-08-25 10:09:45 0  2  643

FastAPI で Vue 3 の SSR を実行するにはどうすればよいですか?

Vue の SSR ドキュメントによると、node.js を使用してアプリケーションをレンダリングし、Express サーバーを使用してそれを返すことが可能です。 FastAPIでも同じことができるのでしょうか?それとも、Jinja2 テンプレートまたは SPA を使用することが唯一の解決策でしょうか?問題: SPA がない: SEO に役立ちます SSG がない: 生成されるページが多すぎます。一部は動的に生成する必要があります。 Jinja2/Python テンプレートなし: ノード モジュールは構築、バンドル、提供されません。すべてのモジュールはリモート パッケージ CDN 経由で提供さ...

P粉004287665 2023-08-26 21:31:32 0  1  828

Nuxt3 SSR サーバー/クライアント ミドルウェアにより、保護されたページが予期せずレンダリングされる

簡単な認証を備えた NuxtSSR アプリケーションを開発しています。ログインに必要なすべてのルートを保護するための authmiddleware を使用しています。 exportdefaultdefineNuxtRouteMiddleware(async(to,from)=>{if(process.client){constauthStore=useAuthStore()if(!authStore.check){authStore.retur

P粉811349112 2023-08-28 22:36:09 0  1  588

生成された静的ファイルにキャッシュ制御を追加する方法 (Nuxt 3)

Nuxt3 を使用して SSR プロジェクトを作成しています。 .output/_nuxt ディレクトリに生成された静的ファイルに Cache-Control ヘッダーを追加することを考えています。次のコードを試しましたserver/middleware/cache-control.tsexportdefaultdefineEventHandler((event)=>{letres=event.resconstyear=31536000consttenmin=

P粉765684602 2023-11-05 08:55:14 0  2  768

JavaScript - App Shell とは何ですか? 標準の定義や学習教材、使用方法は何ですか?

pwa と vue-ssr に関する関連情報を調べているときに、この用語が繰り返し言及されていましたが、オンライン上で関連する説明や紹介がほとんどないため、この質問があります~

滿天的星座 2017-07-05 10:56:10 0  1  1004

タイトルを次のように書き換えます: Vue 3 で SSR を使用して Node.js からデータを渡す方法

vue.js3 を使用して Web サイトを構築しており、サーバーサイドレンダリングを使用したいと考えています。また、fastify (または Express) サーバーから vue.js3 にデータを渡せるようにしたいと考えています。これを行う方法はありますか(express-vue:githubリンクというものを見ましたが、これはvue2用で公式ではないため、それが良いかどうかはわかりません)。また、https://github.com/mod のような例をいくつか見たので、クライアントのハイドレーションを含めることはできますか?

P粉078945182 2023-08-25 18:42:30 0  1  679

サーバー側でのレンダリング時にクライアント側スクリプトのインポートを回避するための Nuxt メソッド

私の nuxt.js アプリケーションには、ブラウザーのコンテキスト (ドキュメント、場所、ウィンドウなどを参照する) とのみ互換性のある NPM パッケージをインポートするスクリプトがあります。これを SSR から除外する方法はありますか? importthingfrom"@vendor/thing";//「ドキュメントが定義されていません」エラーが発生するexportdefaultshowThing(){if(process.client

P粉518799557 2024-01-04 09:57:53 0  1  490

Nuxtjs と i18n を使用したローカライズされたリダイレクトのための SPA パターン

SPA モード (SSR: false) で Nuxtjs を生成すると、nuxt によって生成された dist フォルダーにindex.html ファイルが存在しません。そこで 2 つの質問があります。 1 つ目: lang フォルダーにリダイレクトする必要があります。たとえば exmple.com は exmaple.com/{locale} にリダイレクトします。 2 つ目: サブページにリダイレクトする必要があります。たとえば exmple.com/admin は exmaple.com にリダイレクトします。 /{ロケール}/admin//nuxt.config.

P粉071626364 2023-08-28 13:53:37 0  1  492

Nuxt.js: ウィンドウが定義されていません apexcharts/vue-apexcharts

apexcharts.com からこの簡単な例を追加しました。インポートが正しいことは間違いありません。ウィンドウをどこにも参照していません。このファイルを追加すると、アプリケーション全体が停止します。これはSSRまたはNuxtの構成に関係があると思います。 <template><divid="chart"><apexcharttype="donut"width="380":options=

P粉366946380 2023-11-09 22:07:08 0  2  839

nuxt3をquasarフレームワークで使用することは可能ですか

私は nuxt3 を初めて使用するので、それを quasar で使用できるかどうか疑問に思っています。特に、クエーサーには独自の SSR システムがあります。これら 2 つのフレームワークを使用してプロジェクトを正常に作成した人はいますか?これら 2 つのフレームワークを使用するオープンソース プロジェクトがあるかどうかを確認しようとしましたが、有用なものは見つかりませんでした

P粉741223880 2023-08-25 19:45:05 0  2  664

ページ 1 からページ 2 にルーティングし、ブラウザを使用してページ 1 に戻ると、ページ 1 が中断されます。

next13.4.5 と /app に基づいた typescript ルーティングを使用しています。ページ 1 には (next/link) があり、そこからページ 2 に移動できます。ブラウザの戻るボタンを使用して 1 ページ目に戻ると、ページ全体が壊れてしまいます。たとえば、上部のセクションが消えて、ページが中央から始まります。残りのページの CSS が機能しないなど。マイページ1は完全にSSRです。ただし、ページ 2 では、page.tsx の "useclient"; を使用しました。上記サイトの展開バージョンを共有: ホームページが 1 番目

P粉033429162 2023-09-14 21:00:00 0  1  535

Next.js の React ハイドレーション エラー - 「サーバー HTML に <a> タグと一致する <a> タグが含まれることが予想されます」

Next.js プロジェクトに取り組んでいますが、ハイドレーション エラーが発生し続けます。表示される具体的なエラー メッセージは次のとおりです。 エラー: 初期 UI がサーバー側でレンダリングされるときにレンダリングされるものと一致しないため、ハイドレーションに失敗しました。警告: サーバー HTML に含まれる一致する <div> が必要です。これは、サーバー側レンダリング (SSR) HTML と、クライアント側でのハイドレーション中に React によって生成される HTML との間の不一致が原因である可能性があることを理解しています。警告プロンプトが見つかると予想されま...

P粉401901266 2023-09-19 16:55:20 0  1  895

リモート ウェアハウスを git に追加した後、プッシュできません

Alibaba Cloud ECS (CentOS7) を持っており、そこにプロジェクトを配置する必要がありますが、github を経由したくありません。リモート ウェアハウスをローカル git ウェアハウスに直接追加して、ECS に直接プッシュしたいと考えています。 。まず ECS にプロジェクト ディレクトリを作成し、ウェアハウスを初期化します。 $ git init added the Remote...

漂亮男人 2017-05-02 09:28:02 0  2  576

Objective-C のブロックと Swift のクロージャの違いは何ですか?

ブロックはOCのクロージャです。Swiftのクロージャとの違いは何ですか?

怪我咯 2017-05-02 09:28:03 0  1  676

github - git は特定のサフィックスを除くすべてのファイルを無視できますか

タイトルの通り、ignoreの補語に相当するのでしょうか？

PHPz 2017-05-02 09:28:04 0  1  815

object-c - この cas ファイルを偶然見ましたか?これはどのように書かれているか聞いてもいいでしょうか？

(www.sf.gg) は、中国を代表する開発者テクノロジー コミュニティです。 私たちは、プログラミング愛好家に純粋で高品質な技術交流プラットフォームを提供し、開発者と一緒に学び、コミュニケーションし、成長し、開発者の時代を作りたいと考えています。

巴扎黑 2017-05-02 09:28:04 0  1  553

bash での git 完了エラー

新しくインストールした Debian Bash で、sudo apt-get install git を使用してインストールした後、git の完了が異常に表示されます。 {code...} 部分は git revert と同様に通常のものです。ただし、補完項目が git a^[[m^[[Kdd であるため、git add などの大きな部分は正常に使用できません。 お願いします...

阿神 2017-05-02 09:28:05 0  2  758