如何将HTML模板导入Vue.js项目？

我想将一个模板导入到我的vue项目中。该模板有自己的HTML、CSS和Javascript文件。如何使用vue路由器访问该项目中的

index.html

，而不将其转换为vue组件

我不确定是否应该使用

v-html

，因为我必须导入html，然后将其转换为一个巨大的字符串

---

我这样做是为了我的登录页，所以它不需要访问Vuex和所有其他复杂的功能。我只需要它显示为一个正常的HTML

---

您可以做的是，从Web应用程序的根目录下提供登录页，并从子文件夹中提供vue的dist文件夹

例如，您的登录服务来自abc.com/index.html，您的vue应用程序来自abc.com/app/index.html，您可以使用一个简单的锚将用户发送到vue dist文件夹

可采取的步骤如下：

---

1.将vue的dist文件夹设置为public/app 2.最终部署时，将webapp root设置为public，并确保public中的index.html是您下载的登录模板之一

---

因此，现在，当用户转到/时，将显示您下载的登录，但当他们转到/app时，vue的构建文件夹的index.html将被返回，从而将他带到vue应用程序。

“我只需要将其显示为普通html。”-那么您为什么还要使用VueJS？@BelminBedak正如我所说的，它仅用于登录页。我使用VueJS运行应用程序，但我希望有一个漂亮的登录页，我可以从internet上下载它，它不需要做任何事情，只需要看起来漂亮并链接到登录页。不过，如果它与Vue应用程序完全解耦，为什么需要将它导入Vue应用程序？如果您真的想这样做，请创建新组件，从登录页中提取HTML，并指向该组件。将vue的dist文件夹设置为public/app，然后在最终部署时将webapp root设置为public。并确保public中的index.html是您下载的登录模板之一。因此，现在，当用户转到/时，将显示您下载的登录，但当用户转到/app时，将返回vue的构建文件夹的index.html，从而将用户带到vue应用。谢谢@Shuvojit！！！你的建议很管用。