Axios Javascript. Мне нужно проверять сервер каждые 100 мс от клиента с помощью setInterval js

Question

Это на стороне клиента. Я делаю запрос от клиента, используя Axios для localhost. Я ожидаю ответа каждые 500 мс от сервера.

setInterval(function () {
    axios.get('http://127.0.0.1:8000/progress').then(function (data) {
        console.log(data)
    })
}, 500)

это на стороне сервера / И сервер должен отправить только один текст. И это не работает. Почему?

Route::get("/progress", function() {
    return "text";
});

В то же время я запрашиваю другой маршрут и жду ответа при загрузке файла. И SetInterval работают только после этого поста запроса. Почему?

axios.post('http://127.0.0.1:8000/test', formData, {
        headers: {
            'Content-Type': 'multipart/form-data'
        },
        onUploadProgress: function (progressEvent) {
            this.uploadPercentage = parseInt(Math.round((progressEvent.loaded * 100) / progressEvent.total));
        }.bind(this)
    }).then(function (data) {
        console.log("Image Upload");
    })
    .catch(function (data) {
        console.log(data);
    });
},

И это не работает. Почему?

Answer 1

Используйте относительный URL-адрес и обязательно укажите его там, где загружен Axios, например app.js, и регистрируйте данные ответа, а не сам объект ответа

setInterval(function () {
    axios.get('/progress').then(function (response) {
        console.log(response.data);
    });
}, 100);

Надеюсь, это поможет