問題タブ [server-rendering]

反応サーバー側レンダリングを使用しています。API URL が静的な場合、応答を取得し、サーバー側レンダリングが機能しますが、API URL に有効な (動的) パラメータがある場合、API 応答を取得しますが、ページは表示されません。サーバーに応答を挿入して、html 全体をレンダリングします (クライアント側のレンダリングを実行するだけです)。

私の行動 - ファイル

一部の http リクエストを非表示にするために Angular プロジェクトに Angular Universal を実装していますが、私の調査では、Angular が提供する方法ではそれらを非表示にできないことがわかりました。誰かが高速エンジンで http 要求を実行してデータを取得しようとしましたか?

ターゲットは非常に大きな Angular 5 プロジェクトです (サーバーから http リクエストを実行したい場合、Angular は使用しませんが、プロジェクトを開始しませんでした)。

この記事で Angular が推奨する構成を適用しました: https://angular.io/guide/universal

クライアントからのいくつかのリクエストを非表示にしたい

反応アプリをサーバーでレンダリングしようとしています。インポートステートメントの使用を許可するために、preset-env で babel を構成しましたが、機能していないようです。サーバーを起動すると、次のエラーが発生します。SyntaxError: Cannot use import statement outside a module

パッケージ.json:

サーバー.js:

serverRender.js :

これらのビュー レンダー呼び出しがあります。

お気づきかもしれませんが、動的データは渡されません。どうすればこれらのビューをキャッシュできるのでしょうか? このようなもの：

それは正しいですか？いくつかのヘッダーが欠落していると思いますか? 正しいヘッダーが何であるか誰も知りませんか?

これは私が訪れたい道です：

これは next.config.js です:

しかし、それはこれを返しています：

私は何をすべきか？