vue.js - Laravel dan Vue gabungan pembangunan, bagaimana untuk menetapkan direktori kod dan penghalaan?

Question

Pasukan bahagian hadapan dan pasukan bahagian belakang sedang bekerjasama untuk membangunkan projek Bahagian hadapan menggunakan Vue, dan semua data ialah antara muka permintaan tak segerak menggunakan Laravel untuk hanya menyediakan antara muka API. Syarikat menghendaki alamat permintaan halaman hujung hadapan dan alamat permintaan API bahagian belakang mestilah di bawah domain yang sama, dan bahagian hadapan dan bahagian belakang mesti dipisahkan setakat yang mungkin.

Apa yang saya fikir ialah rangka kerja laravel bertanggungjawab untuk penghalaan antara muka api, dan penghalaan halaman hujung hadapan diperuntukkan oleh kakitangan bahagian hadapan melalui penghala vue hanya perlu menyediakan html, js, css/less/sass, .vue dan fail lain yang ditulis ke hujung belakang, bahagian belakang meletakkan fail hujung hadapan ini ke dalam rangka kerja laravel, dan kemudian melaksanakan kompilasi melalui kaedah kompilasi yang disediakan oleh laravel. maka halaman yang sepadan boleh diakses mengikut laluan yang ditetapkan oleh bahagian hadapan. Bolehkah idea seperti itu direalisasikan? Di manakah kod bahagian hadapan harus diletakkan?

Answer 1

Apa yang saya sedang usahakan ialah projek aplikasi satu halaman laravel+vue. Laravel melakukan API, dan Vue melakukan paparan halaman. Kerana ia adalah projek amalan saya sendiri, saya menggunakan mod hash vue-router. Kod bahagian hadapan diletakkan dalam direktori sumber mengikut spesifikasi Laravel.