프로필 사진
jaf
bolt icon929·약 1년·
281
·수정됨
공유

vue.js 2차 드롭 메뉴 라우터에 대해서 여쭤봐도 될까요?ㅜㅜ

안녕하세요. vue.js 라우터 할때요. 아래 사진 처럼 개인을 클릭하면 드롭 메뉴로 각각의 메뉴들이 나와서

하위 메뉴를 누르면 해당 페이지로 이동 시키려고 하는데요. 

그래서 views폴더 아래에  private 폴더를 생성하고 그 아래에 각각의 하위  vue파일들을

컴포넌트로 만든뒤에 만약 조회 메뉴라면

라우터 설정할때 path에   ./private/search.vue   

이런식으로 폴더/파일명 이렇게 적어주니 url에서 폴더명만 쏙 빼고 파일명만 넣어져서 해당 파일이 안불러와지네요.ㅠㅠ 


예를 들어 localhost:8080/private/Hello.vue

이렇게 불러오고 싶은데 제가 한 방법으로는 localhost:8080/Hello.vue이렇게 불러와 집니다.

private폴더를 제거하고 views밑에 그냥 vue파일을 넣고 하면 그때는 불러와 집니다.

근데 제가 만들 하위 메뉴들이 여러개 이다 보니 views밑에 폴더를 넣고 해당하는 vue파일들만

모아 놓고 싶은데요. 

혹시 views밑에 폴더를 하나 중간에 넣고 라우팅 시키는 방법이 있을까요?

아무리 검색을 해도 안나오네요. 검색 키워드를 뭐라 해야 할지 모르겠습니다. ㅠㅠ


라우터 설정한 곳이 router폴더 밑의 index.js인데요

거기에

import hello from '../views/private/Hello';


import Vue from 'vue';

import VueRouter from 'vue-router';

import Hello from '../views/private/Hello.vue';


Vue.use(VueRouter);
const router = new VueRouter({  //라우터들의 정보를 관리하는 객체    routes: [        {            //path: url 주소            //component : url주소로 갔을때 표시될 컴포넌트(페이지)            //메인페이지            path: '/private/hello',            component: Hello,        },        {            //path: url 주소            //component : url주소로 갔을때 표시될 컴포넌트(페이지)            path: '/companyinfo',            component: '',        }

    ]
});






0
cat-footer