Named Middleware

In this example:

pages/named-middleware.vue contains a middleware property with the value of auth which is called before a user enters the route.

middleware/auth.js checks to see if the user is authenticated and if they aren't it redirects them to the auth page.

pages/auth.vue uses the store to authenticate the user.

store/auth.js sets the the user and password values and redirects the user.

Learn more in the Directory Structure book in the middleware chapter.

Loading CodeSandbox...