如何让Vue CLI在热重载时使用外部HTML文件？

Question

我已经使用默认的vue-cli搭建了Vue项目。我想在其他HTML文件的上下文中使用Vue应用程序。

我有一个名为dashboard.html的文件，该文件由localhost：8000的应用程序提供。 Vue CLI在localhost：3000处提供所有服务。我的HTML文件通常包含来自/public/scripts/的脚本。因此，应该从/public/scripts/myproject.js

中加入Vue项目

如何配置Vue项目，以便将实际文件生成到上述位置，并且可以使用自定义HTML文件？在这种情况下，仍然可以通过默认Vue脚手架提供的热代码重新加载功能吗？

Answer 1

我认为您可以通过使用iframe实现解决方案

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

在热重载的情况下，如果您在localhost：8080上运行的应用程序具有热重载功能，则可以在iframe上热重载