vue2中的router index文件应该怎么写 能实现全局使用

在Vue 2.x中，要设置全局路由器（Router），你需要在项目的根目录下创建一个`router/index.js`文件。这个文件将配置整个应用程序的路由规则，并提供给Vue Router实例。以下是基本的文件结构和内容：

// router/index.js
import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/components/Home.vue'
import About from '@/components/About.vue'

Vue.use(Router)

export default new Router({
  mode: 'history', // 如果你的服务器支持HTML5 History API，设置为'history'
  base: process.env.BASE_URL, // 如果在SSR环境下，设置正确的URL前缀
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/about',
      name: 'about',
      component: About
    }
    // 更多路由...
  ]
})

在这个文件里，我们导入了Vue和Vue Router模块，然后通过`Vue.use(Router)`注册路由器。接着定义了一个新的Vue Router实例，并配置了模式、基础URL（base URL）、以及路由列表，每个路由包括路径、名字、以及对应的组件。

为了全局使用这个路由器，你需要在主入口文件，通常是`main.js`或`App.vue`中引入并挂载它：

// main.js or App.vue
import router from './router/index'

new Vue({
  el: '#app',
  router,
  render: h => h(App)
})

现在，所有定义的路由都可以在整个应用中通过导航守卫（guards）、组件内的`this.$router`属性或其他Vue Router提供的API来访问了。