vue router-link跳转后为空白页的解决办法

由于原文件为import router from './router'

然后自己添加路由文件:

const routes = [
  { path: '/home', component: Home },
  { path: '/spacenlp', component: SpaceNLP },
  { path: '*', redirect: '/home' }   /*默认跳转路由*/
]

const router = new VueRouter({
  routes // （缩写）相当于 routes: routes
})

由于在以下代码中
new Vue({ el: '#app', router, routers, components: { App, home: Home, spcenlp: SpaceNLP }, template: '<App/>' })
const router的router与import router命名冲突，然后我就将const router改为了const routers

然后跳转页面始终为空白页面，无解。想来想去就换一下改，可能路由的route不能改变。

解决办法：

将import router from './router'改为import routers from './router'
以及：

const router = new VueRouter({
  routes // （缩写）相当于 routes: routes
})

即可显示跳转页面了~

参考文章：https://blog.csdn.net/dwf_H/article/details/78380103