misc: make error page working when auth middleware applied globally. (#…

…127)

lib/core/middleware.js

@@ -1,12 +1,19 @@
 import Middleware from '../middleware'
-import { routeOption } from './utilities'
+import { routeOption, getMatchedComponents } from './utilities'
 
 Middleware.auth = function (ctx) {
   // Disable middleware if options: { auth: false } is set on the route
   if (routeOption(ctx.route, 'auth', false)) {
     return
   }
 
+  // Disable middleware if no route was matched to allow 404/error page
+  const matches = []
+  const Components = getMatchedComponents(ctx.route, matches)
+  if (!Components.length) {
+    return
+  }
+
   const { login } = ctx.app.$auth.options.redirect
 
   if (ctx.app.$auth.$state.loggedIn) {

lib/core/utilities.js

@@ -44,3 +44,12 @@ export const routeOption = (route, key, value) => {
     }
   })
 }
+
+export const getMatchedComponents = (route, matches = false) => {
+  return [].concat.apply([], route.matched.map(function (m, index) {
+    return Object.keys(m.components).map(function (key) {
+      matches && matches.push(index)
+      return m.components[key]
+    })
+  }))
+}