いつあなたはvue-routeを使いますか？そして、あなたはいつexpress routeを使いますか？

Question

私はnode.jsとexpress.jsを使ってプロトタイプを開発しました。ここでは、バックエンドをCRUDするためにExpressルートを使用しました。

server.jsファイル：

app.get('/project/:id', crud.getProjectData); 

このルートは、サーバーからのプロジェクト情報を取得します。

私はコードをリファクタリングしています。私はVue.jsを使いたいと思います。ここで彼らはVUEのコンポーネントを取得するためVUE-ルータを持っている：

router.map({ 
'/project/:id': { 
    component: projectComponent, 
} 
}); 
// I think this is the proper vue way of doing it 

だから私は1つのページのアプリケーションを作ってるんだ、ので、どのように私はVueのコンポーネントとバックエンドのデータをフェッチするroutigを使用することができますか？ Vueルーティングのみを使用し、コンポーネント内でバックエンドからデータを取得しますか？

Answer 1

通常、私は、サーバーのAPIリクエストと、ブラウザで表示できるサーバーURLへのVueを明示します。

すべてのAPIリクエストでは、/ apiなどでプリペンドすることができます。

ので、

は、APIを取得 - /api/project/:id - これは急行です。

クライアントルート - /project/:id - これはVueにあります。

また、アプリケーションを起動するために、Expressはindex.htmlを返し、Vueはフロントエンドのルーティングを引き継ぐことができます。

この種のセットアップでは、VueとExpressが処理する内容を処理するように設定されています。