VUE JS導航帶問號的網址

Question

我Vue公司的js項目登錄模板點擊按鈕將其重定向到喜歡這個

http://localhost:8080/#/login to http://localhost:8080/?#/login 

兩個地址顯示界面。
1st Url未設置本地存儲變量「標記」。
2nd Url設置本地存儲變量'token'。
如何解決？

Login.vue

<template> 
    <div class="row col-sm-12"> 
     <form> 
      <div class="form-group"> 
       <label>Email address:</label> 
       <input type="email" class="form-control" v-model="email"> 
      </div> 
      <div class="form-group"> 
       <label>Password:</label> 
       <input type="password" class="form-control" v-model="password"> 
      </div> 
      <div class="checkbox"> 
       <label><input type="checkbox"> Remember me</label> 
      </div> 
      <button @click="login" type="submit" class="btn btn-success">Submit</button> 
     </form> 
    </div> 


</template> 

<script> 
    export default{ 
     data(){ 
      return{ 
       email:'', 
       password:'' 
      } 
     }, 
     methods: { 
      login(){ 
       var data = { 
        email:this.email, 
        password:this.password 
       } 
       this.$http.post("api/auth/login",data) 
        .then(response => { 
         this.$auth.setToken(response.body.token) 
         // console.log(response) 
        }) 
      } 

     } 
    } 
</script> 

Answer 1

的形式得到提交的您在表單中提供的按鈕具有type="submit"這是一個按鈕裏面存在形式的默認行爲，即使你不添加屬性type="button"

所以更換型提交鍵o防止表單提交這樣的：

<button @click="login" type="button" class="btn btn-success">Submit</button>