Пропустить экран входа при открытии ссылки на маршрут VUE

Question

Я использую laravel и vue js в своем приложении. Все маршруты vue запрашивают логин при открытии, так как я использую laravel auth. Я хочу создать несколько маршрутов, которые должны быть доступны без входа в систему пользователя. Другими словами, я хочу, чтобы некоторый маршрут также был доступен для гостевого пользователя. Но на данный момент все маршруты требуют аутентификации пользователя. Это мои маршруты

const routes = [
    { path: '/dashboard_admin', component:  require('./components/dashboard.vue').default},
    { path: '/ongoing_events_admin', component:  require('./components/events.vue').default } ,
    { path: '/courses_admin', component:  require('./components/courses.vue').default},
    { path: '/front_images_admin', component:  require('./components/front_images.vue').default},
    { path: '/news_admin', component:  require('./components/news.vue').default},


    { path: '/main', component:  require('./components/main_view/index_view_general.vue') ,
    name: 'index',
    props: true ,
    beforeEnter:DontrequireLogin
    },


    //general vue

  // { path: '/', component:  require('./components/main_view/index_view_general.vue').default},

  ]


  const router = new VueRouter({
    mode: 'history',
    routes // short for `routes: routes`
  })



const app = new Vue({
    el: '#app',
    router
});

Это мои маршруты. Я хочу, чтобы некоторые из этих маршрутов также были доступны для гостевого пользователя, но на данный момент все маршруты требуют входа пользователя.

Answer 1

Так что вам нужно сделать эту мету, подробнее об этом вы можете прочитать в ее официальной документации Маршрут мета

Позвольте мне немного объяснить, что делает мета.

в мета вы определяете логический объект, который указывает, что этот маршрут для аутентифицированных или пользователей или для гостевого пользователя. давайте посмотрим на пример ниже.

У меня есть аутентифицированный маршрут, только для аутентифицированных пользователей.

{path: '/account-setting',component:accountSetting,meta:{auth:true}},

поэтому я передаю объект auth в meta и решаю в route.beachach, что делать с этим маршрутом.

так же нормальный маршрут

{path: '/about',component:about}

в этом я не даю мета, что означает его для всех пользователей.

прочитайте документацию, чтобы узнать, как ее использовать.