vue에서 PC용 모바일용 따로 만들어서


(Triple X Lab) #1

vue에서 PC용 모바일용 따로 만들어서 하나의 url에서
모바일로 접속하면 모바일용을 보여주고, PC로 접속하면 PC용 보여주는 방법을 찾고 있습니다.
혹시 그런 라이브러리든지, 오픈 소스가 있는지 궁급합니다.


(이승철) #2

하나의 url로 하시려면 미디어쿼리로 한소스로 만들어야 하는데 PC, Mobile 소스가 다르다면 서브 도메인으로 처리 하는게 일반적 입니다. user agent로 접속 디바이스에 따라 해당하는 서브 도메인으로 접속 시키면 됩니다. pc, mobile 각 소스 코드에 각각 처리 하시면 될것 같고 main.js 에서 router 인스턴스 와 함께 render 호출 하시 전에 처리 하면 좋을것으로 보입니다. 예를 들면 모바일 브라우저로 www.xxx.com 으로 접속 했을때 m.xxx.com으로 redirect 시키는 식입니다. 제가 말씀 드린 방법은 별도의 서버설정 없이 순수하게 spa 일때의 처리방법 이며 서버에서 처리 가능 하면 서버에서 처리 할 수 있습니다.


(Triple X Lab) #3

아하 감사합니당^^