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

Question

我想将downloaded off the internet的模板导入vue项目。该模板具有自己的HTML，CSS和Javascript文件。如何使用vue-router访问该项目中的index.html，而不将其转换为vue组件？

我不确定是否要使用v-html，因为必须导入然后将HTML转换为巨大的字符串。

我正在为自己的目标网页执行此操作，因此不需要访问Vuex和所有其他复杂性。我只需要将其显示为普通HTML。

Here is my folder structure

Answer 1

您可以做的是，从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应用。