Как импортировать шаблон HTML в проект Vue.js?

Question

Я хочу импортировать шаблон, который я скачал из Интернета , в свой проект VUE. Шаблон имеет свои собственные файлы HTML, CSS и Javascript. Как использовать vue-router для доступа к index.html, который находится в этом проекте, без преобразования их в компоненты vue?

Я не уверен, если v-html это путь, так как мне нужно импортировать, а затем преобразовать HTML в огромную строку.

Я делаю это для своей целевой страницы, поэтому ей не нужен доступ к Vuex и всем остальным сложностям. Мне просто нужно, чтобы он отображался как обычный HTML.

Вот моя структура папок

Answer 1

То, что вы можете сделать, это обслуживать целевую страницу из корня вашего веб-приложения и обслуживать папку dist vue из подпапки.

Например, ваша посадка обслуживается с abc.com/index.html, а ваше приложение vue - с abc.com/app/index.html, и вы можете использовать простой якорь для отправки пользователю. в папку VUE Dist.

Действующими шагами будут: 1. Установите для папки dist vue значение public / app 2. При окончательном развертывании установите root для webapp на public и убедитесь, что index.html внутри public является тем шаблоном, который вы используете. скачал.

Итак, теперь, когда пользователь перейдет в /, будет показана ваша скачанная лендинг, но когда они перейдут в / app, будет возвращен index.html папки сборки vue, что приведет его к приложению vue.