프런트엔드 팀과 백엔드 팀이 함께 작업하여 프로젝트를 개발합니다. 프런트엔드는 Vue를 사용하고, 모든 데이터는 비동기식 요청 인터페이스입니다. 백엔드는 API 인터페이스만 제공하기 위해 Laravel을 사용합니다. 회사는 프런트엔드 페이지의 요청 주소와 백엔드 API의 요청 주소가 동일한 도메인에 있어야 하며, 프런트엔드와 백엔드를 최대한 분리할 것을 요구합니다.
제가 생각하는 것은 laravel 프레임워크가 API 인터페이스의 라우팅을 담당하고, 프런트엔드 페이지의 라우팅은 vue-router를 통해 프런트엔드 직원이 할당한다는 것입니다. 백엔드에서는 html, js, css/less/sass, .vue 등의 파일을 작성하고, 백엔드는 프론트엔드의 이러한 파일들을 laravel 프레임워크에 넣은 후, laravel에서 제공하는 컴파일 방식을 통해 컴파일을 수행합니다. 그러면 프런트 엔드에서 설정한 경로에 따라 해당 페이지에 액세스할 수 있습니다. 그런 아이디어가 실현될 수 있을까요? 프런트 엔드 코드는 어디에 배치해야 합니까?
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
제가 하고 있는 작업은 laravel+vue 단일 페이지 애플리케이션 프로젝트입니다. Laravel은 API를 수행하고 Vue는 페이지 표시를 수행합니다. 자체 실습 프로젝트이기 때문에 vue-router의 해시 모드를 사용합니다. 프런트엔드 코드는 Laravel의 사양에 따라 리소스 디렉터리에 배치됩니다.