タグにはそれを使います。コンポーネントを同様に構築しましょう。コンポーネントを作成したので、ご自分をほめてください。やった!やった!アプリが機能するには、もうひとつやることがあります。ルーターを定義します。コードを次のように変更します。],});index.js各ルートにはパス、名前、およびユーザーがルートを呼び出したときにレンダーされるコンポーネントがあります。ちなみに、コンポーネントはすでにファイルの先頭にインポートされています。'@/components/publicBattles';アプリケーションをブラウザーでチェックする前に、以下を実行します。bootstrapを追加します。ファイルのコンテンツは次のように表示されます。</body></html>アプリケーションをブラウザで自由にチェックしてください。この時点では、以下のように表示されます。アプリに認証機能を追加する日常的に使用するほとんどのアプリにはユーザーを認証する機能があります。アプリケーションに認証機能を追加する方法について説明します。(JWTs)の発行を可能にします。サインアップ)してアカウントを作成してください。提供するfreeアカウントを利用してで先進認証を開始します。クライアントを作成しましょう。表示されるまでスクロールダウンしてスイッチを入れます。ボタンをクリックします。Name(名前)とIdentifier(識別子)をつけます。この名前は何でもいいので、必要なだけ説明を加えます。識別するために使用され、このフィールドは一度設定したら変更できません。ままにし、CREATEボタンをクリックします。スコープを定義しましょう。アクセス管理を可能にします。定義するスコープの数は必要に応じて行います。フルアクセスがユーザーに許可されます。セキュアにする必要があります。簡単にセキュアできます。ミドルウェアをプライベートバトルエンドポイントに次のように追加します。エンドポイントにアクセスします。以下のようにアクセスが拒否されます。承認されていないアクセス次に、フロントエンドに認証を追加しましょう。フロントエンドに認証機能を追加する認証機能に関するすべてをアプリで処理するために認証ヘルパーを作成します。ディレクトリに作成します。ノードパッケージを次のようにインストールします。ファイルを開き、次のようにコードを追加します。Lockのホストされるバージョンを使い、資格情報にパスします。authorizeエンドポイントを呼び出します。メソッドにパスした詳細で認証を処理する検証および認可が行われます。こちらをご覧ください。