javascript - vue s'actualise et passe à la page d'accueil

Question

Vous accéderez à la page d'accueil dès que vous l'actualiserez

main.js

const router = new VueRouter({
  history: false,
  hashbang: true,
  routes
})

routeur.js

const routers = [
    {
      path:'/login',
      component:login,
    },
    {
      path: '/welcome',
      component: welcome,
    },
    {
      path: '/test',
      component: test,
    },
    {
      path: '/',
      component: Home,
      children: [
        { path: '/clueFilter', component: clueFilter, name: '首页'},
        { path: '/myTags', component: myTags, name: '我的'},
      ]
    },
    {
      path: '/',
      component: Home,
      children: [
        { path: '/statistics',component: statistics, name: '下载记录'},
        { path: '/tableHistory', component:tableHistory,name: '已下载'},
        { path: '', name: '业务分析',permissions:'vip'}
      ]
    }
  ]
  

app.vue

  export default {
    name: 'app',
    components: {
    },
    created: function () {
      this.$router.push('/login')
    }
  }

Quelle que soit la page que j'actualise, la page de connexion est toujours renvoyée. Y a-t-il un problème dans la façon dont j'ai défini la page initiale ?

Answer 1

Lisez attentivement la documentation officielle. . Utilisez la redirection pour pointer vers la page d'accueil au lieu de pousser directement.

Answer 2

Essayez de supprimer ce code.
this.$router.push('/login')

Answer 3

Votre app.vue est écrit comme ceci dans la méthode créée. Une fois l'application créée, elle passera à la page /login.

Je ne sais pas quelle est votre logique métier, mais l'idée générale est de juger où vous accédez à /login, ne sautez pas directement.

Answer 4

 export default {
    name: 'app',
    components: {
    },
    created: function () {
      this.$router.push('/login') // 注意！ 你这个代码的意思就是每次刷新的时候进入'/login'，去掉就可以了
    }
 }