Как заставить Vue CLI использовать внешний HTML-файл с горячей перезагрузкой?

Question

Я использовал vue-cli по умолчанию для создания проекта Vue.Я хотел бы использовать приложение Vue в контексте другого HTML-файла.

У меня есть файл с именем dashboard.html, который обслуживается приложением на локальном хосте: 8000.Vue CLI обслуживает все на локальном хосте: 3000.Мой HTML-файл обычно включает в себя сценарии /public/scripts/.Следовательно, проект Vue должен быть включен из /public/scripts/myproject.js

. Как настроить мой проект Vue таким образом, чтобы фактические файлы генерировались в указанном выше месте, и я мог использовать свой собственный HTML-файл?В сценарии, подобном этому, все еще возможно достичь перезагрузки горячего кода, как это предусмотрено в стандартных Vue-скаффолдингах?

Answer 1

Я думаю, что вы можете достичь своего решения с помощью iframe

<iframe id="theIframe" src="http://localhost:8080" ></iframe>

В случае горячей перезагрузки, если ваше приложение, работающее на локальном хосте: 8080, имеет функцию горячей перезагрузки, он может выполнить горячую перезагрузку в iframe