JavaScript - フロントエンドとバックエンドのコラボレーションに関する質問

ふと疑問が湧きました。

フロントエンドは自分のコンピューター上でプロジェクト全体を実行しますか、それともコードのフロントエンド部分のみを実行しますか

フロントエンド コードしかない場合、バックエンド インターフェイスを使用するときに絶対パスを使用する必要はありませんか?

返信内容:

ふと疑問が湧きました。

フロントエンドは自分のコンピューター上でプロジェクト全体を実行しますか、それともコードのフロントエンド部分のみを実行しますか

フロントエンド コードしかない場合、バックエンド インターフェイスを使用するときに絶対パスを使用する必要はありませんか?

現在、より一般的な開発方法は、フロントエンドとバックエンドの分離と共同作業です:

1. 全体として、フロントエンド コードとバックエンド コードは依然として同じプロジェクト内に配置されていますが、開発プロセス中には相互に補完的な影響を及ぼします

。

2. 開発の初期段階では、まず要件を決定し、次に必要なインターフェイス データを定義します。

開発プロセス中、フロントエンドは定義されたインターフェイスに従ってデータをモックすることで実際の動作環境をシミュレートします。バックエンドにも対応する RESTfull インターフェイス テスト ツールが必要なので、これについて心配する必要はありません
セルフテストが完了したら、共同デバッグ テストのために実際のバックエンド インターフェイスを呼び出します。

4. 一般に、ページを表示するには 2 つの方法があります
1 つは、バックエンド メソッドを調整してデータを処理してからページをレンダリングする方法で、もう 1 つは、フロントエンド コードを実行し、js を使用してデータをリクエストする方法です

同じプロジェクトにアクセスしている場合は相対パスを使用でき、それ以外の場合は絶対 URI パスを使用します

基本的に、自分のコンピューターにはコードの先頭部分しかありません

もちろん、この場合、サーバーと通信するときにクロスドメインの問題が発生します

Chrome には、クロスドメインを許可するプラグイン cors があります。

パスは、調整されたサーバーコードのIPアドレス+インターフェイスパスです。

通常、テストサーバーをセットアップし、開発の進捗に応じて、フロントエンドとバックエンドが作成したモジュールをテストサーバーにアップロードしてテストを実行します。このようにして、実際にはローカルで作成され、サーバー上で実行されます。 Sublime text には、変更を自動的にアップロードする SFTP のようなプラグインがあり、テストに合格すると、全員のコードが統一されます。 、テストサーバーのコードがメインサーバーに転送されます

フロントエンド部分のコードはベースパスとして記述されており、この値はプロジェクトの開始時に設定ファイルを読み取ることで取得されます。これにサーバーのアドレスを割り当てます。クロスドメインの問題は、web.xml 構成で cors-filter と java-property-utils を使用して解決できます