閱讀前，建議可以參考Day1：閱讀指南＆為何選擇這個題目？

▌挑戰簡介

• 題目：三十天用Vue.jS打造一個網路商城

• 挑戰內容：以六角學院的「Vue出一個電商網站」＆大陸慕課網（IMOOC）的「Vue2.0+Node.js+MongoDB 全棧打造商城系統」（主要學架設MongoDB）作為主要教材嘗試在30天內打造網路商城

• 本篇性質：純粹學習進度的紀錄，不會有詳細的教學或解釋，因此不適合認真閱讀

▌問題

有時候使用者會亂在路由輸入網址(像是localhost:8080/#/wefwefwefw），這時候就會回應空白頁面，但是這樣很不好，因此可以在Router的index.js下面routes增加這段，把它導回登錄畫面(像是localhost:8080/#/login)

[{
      path: '*',  //星號表示不在規定範圍的路由
      redirect: '/login'  //重新導航
    }

▌ index.js程式碼

Vue.use(Router)
export default new Router({
  routes: [{
      path: '*',
      redirect: '/login'
    },
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld

    }, {
      path: '/login',
      name: 'login',
      component: login,

    }, {
      path: '/index',
      name: 'index',
      component: index,
      meta: {
        requiresAuth: true
      }
    }
  ]
})