Как отобразить HTML файл в Vue JS, который отправляется сервером?

Question

Я очень новичок в Vue JS. В настоящее время я нахожу способ визуализации страницы HTML, отправленной сервером. Предположим, что у меня есть «здоровье» маршрутизатора узла, которое отправляет файл HTML следующим образом.

res.sendFile('test.html', { root: path.dirname(require.main.filename) + '/public/' });

В таком случае, могу ли я попытаться получить доступ к этому файлу и отобразить его таким образом, Vue JS?

<div id="app">
<div v-html="reactPage"></div>
</div>
<script>
let sessionId = "";
(function() {
    const app = new Vue({
        el: '#app',
        data: {
            reactPage: undefined
        },
        created() {
            fetch('launch/health')
                .then(response => {
                    this.reactPage = response;
                })
        }
    })
})();

Этот код работает не так, как я ожидал.

Answer 1

Да, единственное, что здесь не так, это синтаксис fetch. Попробуйте это:

fetch('launch/health')
.then(response => {
  return response.text();
})
.then(data => {
  this.reactPage = data;
})

Вы можете использовать axios для упрощения http-запросов.