問題の解決策として、サーバーサイド・レンダリング・フレームワークnext.jsプロジェクトの戦闘と展開コンテキストを反応させます

前に建てられていたいくつかの時間は、サーバーアーキテクチャプロジェクトを反応させるには、トス次学ぶためにここにクリックし、つい最近再構築PCのウェブサイトはSEOやその他の要因を考慮する必要があります。技術選択の際に決めたnextjsをプロジェクト開発プロセス、nextjs経験は素晴らしいですが、個人的にこの機能を持っているが、nextjsは良くないが、作成反応するアプリの開発経験、特にHMR機能よりも良い感じ。文書をフォーマットし、コードを修正CRAは、それはSPAのプロジェクト開発の経験のために非常に悪いです、ページ全体の更新を、原因となります。私は、ページに反映、これは本当に素晴らしい経験ですnextjs開発プロセスを使用し、そうでない場合は、ブラウザをリフレッシュするための独自の取り組み、ほぼ全ページに渡っリフレッシュすることなく、すべての変更が前提の下でページを更新せずにいます。

取得経験

それは特に詳しくない感じが、幸い多くの例がある個人的に書かれたnextjs文書は、examplesディレクトリをgithubのために参照することができ、たとえば、私は今、展開を使用しませんが、特急の使用。参照の例を見つけることは容易です。開発プロセスのコンパイル、パッケージング、十分に他の高速、開発経験は非常に快適でした。

 

プロジェクト内のいくつかの設定

約3依存と内部1:

複数のプラグイン次コンポーズ・プラグインを構成するそれ以外の場合は、解決が容易で、トラブルのビットに書き込む①使用nextjs

次の画像の使用を導入する必要性のようなモジュールとして画像②

③スタイルはあまりサポートを必要とする次のレス

 

2. BuildIdは私が直接問題を解決するためにここにいる、後で新しいV2へと発展して(または行います)場合

DISTDIRを構築するために修正3.パッケージングディレクトリ(デフォルトは.nextです)

展開の問題が発生しました

アクセスの問題への1セットのコンテキスト

展開すると、ドメイン名の下に複数の項目があるので、私は、コンテキストを設定する必要があります。ローカルルートパスが開いているときは、何も問題は、今のコンテキスト(:ドメイン/コンテクストアクセス形式)を設定する必要があります。エントリファイルapp.js(またはserver.js、ノードapp.jsによって開始されたプロジェクト)を変更し、以下の結果を前に得た、私は最終的にいくつかのソースを見ることで、1日以上投げ、マルチ試運転に成功しました。

 

修正next.config.js

 

2.  Linuxを問題に「\\」パスの開発と展開に窓

また、マニュアルのアプローチは、2つのページ、manifest.jsonをすべてのパスが「\\」に置き換えられたファイル「/」です

もう一つの方法:(推奨)

最も便利なので、一度、すべての、Linuxでのパッケージの上に移動します。そのため、開発環境や優れたMAC

概要

Nextjsは人工ホイールも重要ですが、サーバーベースのレンダリングが反応を行うことをお勧めしますが、オープンソースの使用の実際の開発は、人気のフレームワークは、開発効率を向上させる賢明リスクを軽減します。

著者: 張Xuefei
出典: https://zhangxuefei.site/p/2195
著作権:転載を歓迎しますが、ソースを示し、記事ページの見かけ上の位置に元の接続を与える必要があり、そうでない場合は法的責任を追及する権利を保有。

おすすめ

転載: www.cnblogs.com/mszhangxuefei/p/10953962.html
おすすめ