지나가다가 글을 남겨요.

제 댓글이 크게 도움은 안되겠지만...

만약, vue.js의 Nuxt.js 프레임워크를 사용하실 계획이 있으시다면...

Nuxt 라우터를 이용해보실 수 있어요;;

https://vue-nuxt.gitbook.io/nuxt/routing

@timothy 네네 맞습니다 넉스트 라우터를 사용할 예정입니다 ㅎㅎ 문제는 렌더링 처리를 어떻게(어디서) 하느냐가 고민이라 ㅎㅎ

제 글이 조금이나마 도움이 되기를 바라면서, 글을 남겨요...

 

https://vue-nuxt.gitbook.io/nuxt/tutorials/making-blog/structuring-pages처럼,

화면에 렌더링은 *.vue 파일 컴포넌트에서 진행하시면 될꺼예요~

 

사이트 구조에 따라,

사용자 페이지와 관리자 페이지로 나뉜다고 가정했을 때,

https://vue-nuxt.gitbook.io/nuxt/structure의 pages에서 구분을 짓는 건 어떨까요?

예를 들어, 어드민의 경우,

https://vue-nuxt.gitbook.io/nuxt/tutorials/making-blog/undefined-1 처럼 구조를 만드신다면,

관리자 로그인 시, https://ko.nuxtjs.org/api/pages-middleware/ 처럼,

return redirect('/admin')으로 redirect 시킬 수 있고,

<nuxt-link to="/services"> 서비스 </nuxt-link> 처럼, 특정 페이지로 링크를 넘겨주실 수도 있을 것입니다.

 

아시겠지만,

화면에 보여줄 컴포넌트에 대해서 조건이 되는 것들은 라우트 URL, 브라우저 쿠키와 스토리지, Vuex Store의 state값, 모바일 환경여부 등이 있을 것이고요.

 

그리고 Nuxt의 사용 방법처럼, 특정 URL로 접근했을 때,

layout 설정과 해당 페이지에서 화면에 보여줄 컴포넌트를 위의 조건 별로 선택해서 보여주는 것이 어떨까요?

특정 화면에 보여줄 컴포넌트들을 영역별로 나누시고 나서, 나눈 것들을 감싸주는 부모 컴포넌트들을 만드시고,

조건에 따라 자식 컴포넌트들을 vue 컴포넌트 파일에서 렌더링하실 수 있을 꺼예요~

@timothy

우선 제가 설명이 많이부족했나보네요 ㅎㅎㅎ
https://github.com/Terrorboy/request_viewer
처럼 단순하게 라우트만을 사용하려는 목적으로 접근 하고 있지 않고 있네요.

정확한 연구 목적은 다음과 같습니다.
1. 모든 모델과 컨트롤러은 php 프레임워크에서 처리한다.
2. 뷰(view) 영역은 필요에 따라 뷰(vue)와 php 프레임워크의 변수를 받아 처리 후 뷰 라우터로 노출한다. (데몬이 2개 돌아가는 상태)

위 조건으로 자료를 찾아보고있으며 일단은

1. php프레임워크는 rest api로 작업하여 처리하고 vue단에서 재가공하여 라우터로 출력한다.
2. php프레임워크의 값을 뷰템플릿 (.vue) 스크립트 변수에 할당하여 vue단에서 처리한다. (이건 아직 안해봤는데 힘들지 않을까.... 싶네요.)

이렇게 두가지로 가닥을 잡고있습니다.

https://blog.kesuskim.com/archives/spl-php-vue-ssr/
글 처럼 v8js가 구동가능 환경에서 조금 편하게 작업이 가능 할것 같지만 php버전을 v8js가 못따라오는것 같아 사용을 지양해야 할것 같습니다.

요약 nuxt의 ssr역활을 php프레임워크가 처리

@테러보이

제가 잘못 이해했었군요...;;

저는 Nuxt.js를 사용할 때, Swoole(PHP Framework)을 사용하려다가, 결국 Node.js를 이용했었어요...;;

도움이 되지 못해서 죄송해요 ㅠ.ㅠ

@timothy 찾아봐주셔서 감사합니다 ㅎㅎㅎ