路由

说明

vue 路由 官方文档 (opens new window)，在阅读本文档前，请对 vue-router 的使用有了解。

本项目由于路由较多，为管理方便，根据项目模块做了拆分，最终引入到 index.js 进行汇总。

目录结构

└─ src                          # 项目主文件
   └─ router                    # 路由文件夹
      ├─ index.js               # 路由主文件
      ├─ main.js                # 主页
      ├─ movie.js               # 影视
      ├─ actor.js               # 影人
      ├─ role.js                # 角色
      ├─ award.js               # 奖项
      ├─ article.js             # 文章资讯
      ├─ profile.js             # 用户
      └─ video.js               # 短视频

路由主文件说明

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

import main from './main'
import movie from './movie'
import actor from './actor'
import role from './role'
import video from './video'
import award from './award'
import article from './article'
import profile from './profile'

const routes = [
  {
    path: '/',
    redirect: '/home'
  },

  ...main,
  ...movie,
  ...actor,
  ...role,
  ...video,
  ...award,
  ...article,
  ...profile,

  // 其它路由  
]

const router = new VueRouter({
  linkActiveClass: 'is-active',     // 路由 active 类名
  mode: 'history',                  // 路由模式
  base: process.env.BASE_URL,
  routes                            // 以上定义的路由变量传入
})

export default router