라우터 적용

라우트가 계속 안먹길래 왜그런가 했더니... import 할 때 {} 를 안해줘서 그런거 같다.
아마도 router 가 객체로 생성된거여서 그런거 같다.

<<main.js 파일>>
import Vue from 'vue';
import App from './App.vue';

import BootstrapVue from 'bootstrap-vue';
import 'bootstrap/dist/css/bootstrap.min.css';
import 'bootstrap-vue/dist/bootstrap-vue.css'

import {myRouter} from './router/index.js'; // 여기를 조심...

Vue.use(BootstrapVue);
Vue.config.productionTip = false;

new Vue({
  render: h => h(App),
  router:myRouter,
}).$mount('#app')

<<router/index.js 파일>>
import Vue from 'vue';
import VueRouter from "vue-router";

import CreateMemberView from '../views/CreateMemberView.vue';
import LoginView from '../views/LoginView.vue';


Vue.use(VueRouter);

export const myRouter = new VueRouter({
    mode:'history',
    routes: [
        {
            path:'/',
            component: LoginView
        },
        {
            path: '/member/new',
            component: CreateMemberView
        },

    ],
})