Как интегрировать целевую страницу с Vue SPA? - PullRequest
Новая
       22

Как интегрировать целевую страницу с Vue SPA?

0 голосов
/ 26 марта 2020

Итак, я построил SPA с Vue. Мы нанимаем дизайнера для создания целевой страницы. Целевая страница выглядит великолепно. Он показывает некоторую информацию о приложении, и есть кнопка «Войти», которая на данный момент ничего не делает.

Целевая страница включает в себя CSS и Javascript (jQuery et c) что я не использую и не хочу использовать в приложении Vue.

Таким образом, вопрос: возможно ли включить код целевой страницы в мой проект Vue без загрузки целевой страницы JS / CSS, если пользователь уже вошел в систему?

План B для меня - разместить целевую страницу на mydomain.com и приложение на app.mydomain.com. Это будет работать, я думаю, я вижу, что другие делают это. Но было бы неплохо узнать мои возможности

1 Ответ

1 голос
/ 26 марта 2020

Сделал поиск и не нашел точного решения вашей проблемы, однако кажется, что это выполнимо. У меня есть некоторые опасения по поводу головной части страницы, но это способ начать:

  1. Создайте новый Vue компонент, который будет включать весь код HTML (только тело), ​​который вы нужно + установить (с npm) и импортировать все необходимые js файлы, в том числе jQuery, в этот компонент.
  2. Убедитесь, что вы настроили этот компонент как с отложенной загрузкой в vue -router - так что все ваши html и сценарии будут отделены от приложения.

Оттуда Vue должен выполнить свою работу - вы получите свою страницу там, где это необходимо, и другие маршруты будут внутри приложения.

...