如何通过POST呼叫而无需重新加载页面?

时间:2019-09-25 19:02:00

标签: laravel vue.js axios

我正在订阅状态频道并收到以下错误:

  

XHR加载失败:POST“ http://127.0.0.1:8000/broadcasting/auth”。

仅在重新加载页面(检查控制台)后,POST请求才会成功。如何使其(POST调用)通过而无需重新加载页面?

<tr v-for="user in users"> 
        <td>{{user.name}}</td>
        <td>{{user.ip}}</td>
</tr>     

 data() {
    return {
        users:[]   
   }    
},   
 mounted() {
      window.Echo.join('privateChannel')
        .here(users => (this.users = users))
        .joining(user => (this.users.push(user)))
        .leaving(user => (this.users = this.users.filter(u => (u.id 
                                            !==user.id)))
     );  

 this.fetchData()
},

 methods: {
     fetchData(){
          axios
            .get('api/users')
            .then(res => (this.users= res.data))
            .catch(err => console.log(err));
   },
 }
}

1 个答案:

答案 0 :(得分:0)

您使用的是get而不是post

尝试一下-

 fetchData(){
      axios
        .post('api/users')
        .then(res => (this.users= res.data))
        .catch(err => console.log(err));