はVUE-WebPACKの-定型する

Question

私はダウンロードした - vue-webpack-boilerplateを - と、私はそれを見てきました少しは私は

（WebPACKの+ ESlintで初めて）:)本当によさそうですしかし、ちょっと混乱しました - プロジェクトに明白なバックエンドを追加するにはどうすればいいですか？

すべてのルートが常にvueになるわけではありませんが、時にはapiリクエストまたはdbコールなどです。もし私が高速バックエンドに接続すれば、ロードするVueコンポーネントを選択するにはどうすればよいですか？

私はこれについて完全に間違っている/これが何のために誤解していますか？

編集

ありがとう：私はhttp://vuejs-templates.github.io/webpack/backend.htmlを見てきました - しかし、それは本当にあなたがバックエンドexpressプロジェクトとフロントエンドのためのwebpackようnpmビルドパッケージと混乱するかもしれませんアップ

Answer 1

何かをクリアしていません。

あなたが言及しているボイラープレートは、フロントエンド向けです。 SPAの有無にかかわらず静的なWebサイトを開発し、任意の静的ファイルホスティングに展開されるファイルはhtml、cssおよびjsとなります。

クライアント側でAPI呼び出しを行うのは間違いありません。例えば。すべてのルート変更で、ロードするコンポーネントを指定し、APIを呼び出してUIを更新することができます。クライアント側ルーティングの場合はSPAです。バックエンドのために別途エクスプレスプロジェクトを作成するだけです。

サーバーサイドレンダリング（SSR）のためにNuxtを試すことができます。 SSRの主な利点は、SEOに優しいですが、プロファイルやチェックアウトページのような動的ページには適していません。 Nuxtは、ランタイム中にスタティックhtmlを生成することによってユニバーサル（クライアントまたはサーバルーティング）Vueアプリです。ただし、明示的なAPIバックエンドを追加したいと考えているものとは異なりますが、動的データをまだ入力することはできます。