鍍金池/ 問答/HTML/ 為什么用vue路由跳轉(zhuǎn)到另一個頁面后馬上又回到原來的頁面?

為什么用vue路由跳轉(zhuǎn)到另一個頁面后馬上又回到原來的頁面?

我發(fā)現(xiàn)是在路由配置那里添加了一句 mode: 'history'
注釋掉就沒這個問題了,
但是前端用了這句代碼,后臺沒有配置,頁面不是應(yīng)該報錯404嗎,為什么只是跳轉(zhuǎn)到原先的頁面

Vue.use(Router)

export default new Router({
  // mode: 'history',
  routes: [
    {
      path: '/',
      name: 'Login',
      component: Login
    },
    {
      path: '/dashboard/login',
      name: 'Login',
      component: Login
    },
    {
      path: '/dashboard/home',
      name: 'Home',
      component: Home
    }
  ]
})
// Login.vue

<script>
    import AV from 'leancloud-storage';
    
    var APP_ID = 'LSiwcY8gIYwES8T4MoAiPtIY-gzGzoHsz';
    var APP_KEY = 'x5pbMCh0AptPviXYCVoCwrz9';
    
    AV.init({
      appId: APP_ID,
      appKey: APP_KEY
    });

    export default {
        name: 'Login',
        data() {
            return {
                username: '',
                password: ''
            }
        },
        methods: {
            login: function() {
                var that = this;
                
                var username = this.username;
                var password = this.password;
                // 是希望登陸之后跳轉(zhuǎn),所以有個logIn函數(shù)
                // 去掉這個函數(shù)就可以跳轉(zhuǎn)成功
                // 但是需要這個函數(shù)用來登陸
                AV.User.logIn(username, password).then(function (loginedUser) {
                    console.log(loginedUser)
                      that.$router.push('/dashboard/home')
                }, function (error) {
                  alert(JSON.stringify(error));
                });
            }
        }
    }
</script>
回答
編輯回答
心癌

估計你是在路由到/dashboard/home這個頁面時有驗證是否登陸吧,沒登錄的話跳回/login

2017年10月14日 19:33