vue.js - Laravel と Vue を組み合わせた開発、コード ディレクトリとルーティングを設定するにはどうすればよいですか?

Question

フロントエンド チームとバックエンド チームは協力してプロジェクトを開発しています。フロントエンドは Vue を使用し、バックエンドは API インターフェイスのみを提供するために Laravel を使用します。同社は、フロントエンド ページのリクエスト アドレスとバックエンド API のリクエスト アドレスが同じドメイン内にあること、およびフロントエンドとバックエンドを可能な限り分離することを要求しています。

私が思うのは、laravelフレームワークがAPIインターフェースのルーティングを担当し、フロントエンドページのルーティングはvue-routerを介してフロントエンドスタッフによって割り当てられるということです。フロントエンドは、バックエンドには、html、js、css/less/sass、.vueなどのファイルが書き込まれ、バックエンドはフロントエンドのこれらのファイルをlaravelフレームワークに入れ、laravelが提供するコンパイルメソッドを介してコンパイルを実行します。フロントエンドによって設定されたルートに従って、対応するページにアクセスできます。そんなアイデアは実現できるのでしょうか？フロントエンドコードはどこに配置する必要がありますか?

Answer 1

私が取り組んでいるのは、laravel+vue シングルページアプリケーションプロジェクトです。 APIはLaravelが行い、ページ表示はVueが行います。自分の練習プロジェクトなので、vue-router のハッシュモードを使用します。フロントエンドコードはLaravelの仕様に従ってリソースディレクトリに配置されます。