如何將 HTML 模板導入 Vue.js 項目？

Question

我想將我從 Internet 下載的模板導入到我的 vue 項目中。 該模板有自己的 HTML、CSS 和 Javascript 文件。 如何使用 vue-router 訪問該項目中的index.html而不將它們轉換為 vue 組件？

我不確定v-html是否是 go 的方式，因為我必須導入 HTML 並將其轉換為一個巨大的字符串。

我正在為我的登錄頁面執行此操作，因此它不需要訪問 Vuex 和所有其他復雜性。 我只需要將它顯示為正常的 HTML。

這是我的文件夾結構

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 是您下載的登陸模板之一。

因此，現在，當用戶將 go 到 / 時，將顯示您下載的登陸，但是當他們將 go 到 /app 時，vue 的構建文件夾的索引。ZFC35FDC70D5FC69D269883A822C7A5 將因此返回到 vue.3