vue-router配置完后怎么跳转不了

vue-router配置完后为什么跳转不了

这是router文件下的index.js文件内容

```javascript
import Vue from 'vue'
import VueRouter from 'vue-router'
import TextBu from '../components/TextBu.vue'
import HelloWorld from '../components/HelloWorld.vue'
Vue.use(VueRouter)
export const routers=[
    {
        path: '/',
        name: 'HelloWorld',
        redirect: HelloWorld
    },
   {
        path: '/a',
        name: 'TextAu',
        component: ()=>import('../components/TextAu.vue')
    },
    {
        path: '/b',
        name: 'TextBu',
        component: TextBu
    }
]
const router=new VueRouter({
    mode:'history',
    routers
})
export default router

这是main.js文件

import Vue from 'vue'
import App from './App.vue'
import router from './router/index.js'

//Vue.config.productionTip = false
Vue.use(router)
new Vue({
  router:router,
  render: h => h(App),
}).$mount('#app')

App.vue的代码

<template>
  <div id="app">
    <router-view></router-view>
    <router-link to="/a">a</router-link>
    <router-link to="/b">b</router-link>
    <img alt="Vue logo" src="./assets/logo.png">
    <HelloWorld msg="Welcome to Your Vue.js App"/>
  </div>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue'

export default {
  name: 'App',
  components: {
    HelloWorld
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>

url写对后也没有跳转到对应的内容，也没有其他的报错，就是跳转不了 

看看你代码12行

没有报错是吧。都不跳转？