Я получил , это работает, однако теперь я попал в новую проблему:
<script>
import Vue from 'vue';
import axios from "axios";
export default {
name: 'SelectServices',
data: function() {
return {
selectedService: "",
services: [],
updateExisting: "",
showStatus: false,
statusMessage : "",
interval : undefined
}
},
mounted() {
this.interval = setInterval(() => {
axios.get(this.my_url).then(res => { /* do something */});
}, 30000 );
}
},
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 => {
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 ;
})
.catch((err) => {
console.log("Error happened: " + err.request.message);
alert(err);
return Promise.reject(err);
})
console.log(url);
console.log(log_url);
}
}
}
Проблема в том, что даже если все сообщения журнала отображаются для определенного request_id
, setInterval
все еще делает axios.get
вызов log_url
через 3 секунды. Как я могу остановить этот вызов, когда response.data.logs
, который я получаю от log_url
, перестает обновлять или если статус установлен на развернутый. в базе данных