title: repetedly call a axios.get to display data from endpoint
body: <p>I working on backend written in flask that returns REST API for various task, one of which is to request deployment,</p>
  
  <p>Then log gets filled in the database. So I have created another REST API endpoint to return log message for the specific request id. Now what I want is to once the <code>showStatus</code> is true the <code>log_url</code> used by <code>axios.get</code> should be constantly hitting and retrieving data from the backend endpoint retrieving data after 30 seconds. and show it in the show below as <code>statusMessage</code>.</p>
  
  <pre><code>&lt;script&gt;
  import Vue from 'vue';
  import axios from "axios";
  import Multiselect from "vue-multiselect";
  
  
  Vue.component("multiselect", Multiselect);
  
  export default {
      name: 'SelectServices',
      data: function() {
          return {
              selectedService: "",
              services: [],
              updateExisting: "",
              showStatus: false,
              statusMessage : ""
          }
      },
      mounted() {
  
          console.log("running script");
  
      },
      methods : {
          selectServiceToDeploy: function(){
              // alert("micro services");
          },
          deploySelected: function(){
  
              this.showStatus = true ;
              // animate open the status window.
              $("#status_update").animate({height: '500'})
              var url = "http://localwebsite.com:5060/services/request_deploy";
                  axios.post(url)
                  .then(response =&gt; {
                      if (typeof response.data.reason != "undefined"){
                          alert("Recieved Status: " + response.data.status + ",\nReason: " + response.data.reason);
                      }
                      var req_id = response.data.result.request_id;
                      this.statusMessage = "Initiating deployment of Services for Request ID: " + req_id ;
  
                      var log_url = "http://localwebsite.com:5060/services/get_logs/" + req_id;
  
                      axios.get(log_url)
                      .then(response =&gt; {
                                  if (response.data.status == "success"){
                                      this.statusMessage = this.statusMessage + response.data.logs;
                                  }
                              })
                  })
                  .catch((err) =&gt; {
                      console.log("Error happened: " + err.request.message);
                      alert(err);
                      return Promise.reject(err);
                  })
                  console.log(url);
                  console.log(log_url);
  
          }
      }
  }
  </code></pre>
  
  <p>based on the above logic I have written in vue it successfully request for deployment but the logs don't get printed in the UI! how can I constantly retrieve data from <code>http://localwebsite.com:5060/services/get_logs/" + req_id</code> after every 30 seconds.</p>