vue2.0重定向无效?

南纳月
  • 1
新手上路,请多包涵

页面刷新之后,默认进入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
    }
  ]
})
回复
阅读 5k
4 个回答
zzxBear
  • 1
新手上路,请多包涵

{

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

},

大胡子先生
  • 3
新手上路,请多包涵

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

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

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

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       //跟这里的文件名匹配
    }
  ]
})
宣传栏