vue2.0重定向无效？

Question

页面刷新之后，默认进入recommend页面，我觉得代码是没有问题的，但是刷新之后就是没有效果

import Vue from 'vue'
import Router from 'vue-router'
import Recommend from 'components/recommend/recommend.vue'
import Singer from 'components/singer/singer.vue'
import Rank from 'components/rank/rank.vue'
import Search from 'components/search/search.vue'
// 注册vue
Vue.use(Router)
// 配置路由
export default new Router({
  routes: [
    {
      path: '/',
      redirect: '/recommend'
    },
    {
      path: '/recommend',
      component: Recommend
    },
    {
      path: '/singer',
      component: Singer
    },
    {
      path: '/rank',
      component: Rank
    },
    {
      path: '/search',
      component: Search
    }
  ]
})

Answer 1

{

  path: '*',
  redirect: '/recommend'

},

Answer 2

默认使用hash模式，刷新不会改变路径；可以改用History模式，不过此模式部署上线需要后台配置。

const router = new VueRouter({
  mode: 'history',
  routes: [...]
})

Answer 3

{
  path: '/',
  redirect: 'recommend'
}

Answer 4

导入的时候的文件名和引用时候的文件名不同

import Vue from 'vue'
import Router from 'vue-router'
//.vue文件名大写，因为你下面引用的时候大写了，文件名去掉.vue也行
import Recommend from 'components/recommend/Recommend'   //改动的地方
import Singer from 'components/singer/Singer'   //改动的地方
import Rank from 'components/rank/Rank'   //改动的地方
import Search from 'components/search/Search'   //改动的地方
// 注册vue
Vue.use(Router)
// 配置路由
export default new Router({
  routes: [
    {
      path: '/',
      redirect: '/recommend'
    },
    {
      path: '/recommend',
      component: Recommend       //跟这里的文件名匹配
    },
    {
      path: '/singer',
      component: Singer       //跟这里的文件名匹配
    },
    {
      path: '/rank',
      component: Rank       //跟这里的文件名匹配
    },
    {
      path: '/search',
      component: Search       //跟这里的文件名匹配
    }
  ]
})