vue-router，二级路由跳三级路由错误

Question

进入界面是一个index.vue，（一级路由）

点击"电影"(二级路由")

点击"正在上映"（三级路由）,然后就跳转到另一个页面

index.vue

<template>
    <div class="wraper">
        <div class="header">
            <p>猫眼电影</p>
        </div>
        <div class="section">

        </div>
        <div class="bottom">
            <ul>
                <li>
                    <router-link to="/film">电影</router-link>
                </li>
                <li>
                    <router-link to="/cinema">影院</router-link>
                </li>
                <li>
                    <router-link to="/my">我的</router-link>
                </li>
            </ul>
        </div>
        <router-view />

    </div>
</template>
<script>
    export default {
        name: "index"
    }
</script>
<style>
    @import '../../css/index.css'
</style>

film.vue

<template>
    <div class="section">
        <ul>
            <li>
                <router-link to="/film_hot">正在上映</router-link>
            </li>
            <li>
                <router-link to="/right_off">即将上映</router-link>
            </li>

        </ul>
    </div>

</template>
<script>
    export default {
        name: "app"
    }
</script>
<style>
</style>

router/index.js

import Vue from 'vue'
import Router from 'vue-router'


import HelloWorld from '@/components/HelloWorld'

import Index from '@/components/eyefilm/index'
import Film from '@/components/eyefilm/film'
import Cinema from '@/components/eyefilm/cinema'
import My from '@/components/eyefilm/my'

//子路由
import Hot from '@/components/eyefilm/film_hot'
import Right from '@/components/eyefilm/right_off'

Vue.use(Router)
console.log(Index);
export default new Router({
    routes: [{
        path: '/index',
        component: Index,
        children: [{
            //影院
            path: '/cinema',
            component: Cinema
        }, {
            //我的
            path: '/my',
            component: My
        }, {
            //电影
            path: '/film',
            component: Film
        }, {
            //正在上映
            path: '/hot',
            component: Hot
        }, {
            //即将上映
            path: '/right',
            component: Right
        }]
    }]
})

Answer 1

楼主，你好~
router.js 文件都没有配置 film_hot 这个 path，怎么会能访问到呢？这里你配置的是 hot。
两种解决方案：
1，链接访问改成 hot
2，或者改 router.js

Answer 2

既然是3级路由, routes结构也应该是3级的, 少了一层子路由