Error in nextTick что за ошибка в vue?

Question

[adam_carraway]

Есть страница на которой отображаются данные пользователя

import axios from 'axios';
    export default {
        data: function () {
            return {
                data: null,
            }
        },
        props: [
            'id',
            'authdata',
        ],
        created() {

        },
        beforeRouteEnter(to, __, next) {
            axios.post('/api/getuserinfo', {
                id: to.params.id
            }).then(response => {
                next(vm => {
                    if (response.data.errors == null){
                        vm.data = response.data;
                        console.log(to.params.id)
                    } else{
                        vm.$router.replace({name: '404'})

                    }
                })
            })
        },
    }

Если на эту страницу переходить по router-link то страница и данные отображаются. Но если открыть страницу через адресную строку то получаю ошибки в консоли :

Что я делаю неправильно и как исправить ?

Answer 1

[adam_carraway]

Проблема была в расположении роутов, было

{
            path: '/',
            name: 'index',
            component: Index
        },
        {
            path: '/subs',
            name: 'subs',
            component: Subs,

        },
        {
            path: '/:name',
            name: 'subs.page',
            component: SubItem,
            props: true
        },
        {
            path: '/:name/:slug',
            name: 'subs.post',
            component: SubPost,
            props: true
        },
        {
            path: '/t/:name',
            name: 'tag.page',
            component: TagIndex,
            props: true
        },

Поместил
{
path: '/:name/:slug',
name: 'subs.post',
component: SubPost,
props: true
},
вконец и все заработало