如何让Vue CLI使用热重新加载的外部HTML文件?

问题描述 投票:1回答:1

我已经使用默认的vue-cli来构建一个Vue项目。我想在不同的HTML文件的上下文中使用Vue应用程序。

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

我如何配置我的Vue项目,以便将实际文件生成到上面提到的位置,并且我可以使用我的自定义HTML文件?对于这样的场景,是否仍然可以像默认的Vue脚手架提供的那样实现热代码重新加载?

vue.js vue-cli
1个回答
0
投票

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

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

如果是热重新加载,如果您在localhost:8080上运行的应用程序具有热重新加载功能,那么它可以在iframe上热重新加载

© www.soinside.com 2019 - 2024. All rights reserved.