router.js

import Vue from 'vue'
import Router from 'vue-router'
import Recipes from './views/Recipes.vue'
import Login from './views/Login.vue'
import Signup from './views/Signup.vue'
import CreateRecipe from './views/CreateRecipe.vue'
import EditRecipe from './views/EditRecipe.vue'
import EditProfile from './views/EditProfile.vue'
import EditPassword from './views/EditPassword.vue'
import NotFound from './views/NotFound.vue'
import FavoriteRecipes from './views/FavoriteRecipes.vue'
import MyRecipes from './views/MyRecipes.vue'
import Recommend from './views/Recommend.vue'
Vue.use(Router)

export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/',
      name: 'home',
      component: Recipes
    },
    {
      path: '/login',
      name: 'login',
      component: Login
    },
    {
      path: '/signup',
      name: 'signup',
      component: Signup
    },
    {
      path: '/CreateRecipe',
      name: 'CreateRecipe',
      component: CreateRecipe
    },
    {
      path: '/EditRecipe/:id',
      name: 'EditRecipe',
      component: EditRecipe
    },
    {
      path: '/EditProfile',
      name: 'EditProfile',
      component: EditProfile
    },
    {
      path: '/EditPassword',
      name: 'EditPassword',
      component: EditPassword
    },
    {
      path: '/recommendation',
      name: 'Recommend',
      component: Recommend
    },
    {
      path: '/recipes',
      name: 'recipes',
      component: Recipes
    },
    {
      path: '/FavoriteRecipes',
      name: 'FavoriteRecipes',
      component: FavoriteRecipes
    },
    {
      path: '/MyRecipes',
      name: 'MyRecipes',
      component: MyRecipes
    },
    {
      path: '*',
      name: 'NotFound',
      component: NotFound
    }
  ]
})