Как развернуть код vuejs на общедоступном веб-сайте?

#javascript #vue.js #web

#javascript #vue.js #веб

Вопрос:

Я создал приложение Vue js с помощью d3.js и пару файлов JSON. Теперь мне нужно развернуть свой код на общедоступном веб-сайте, чтобы его можно было просматривать 24/7. Я понимаю, что никто не собирается делать это за меня, но если кто-нибудь укажет мне правильное направление, это было бы здорово. Я пытался использовать страницы GitHub и сайты Google, но они не позволяют использовать библиотеки javascript и пакеты npm. Я связал свой репозиторий GitHub, чтобы вы все могли просмотреть код. Спасибо за любую помощь. https://github.com/BrennanAdams/BrennanAdams.github.io.git

Ответ №1:

Вы можете развернуть свой сайт с помощью firebase Убедитесь, что вы установили firebase tools

 npm install -g firebase-tools

Проверьте, что вы вошли в firebase с помощью

 firebase login

компакт-диск в корневой каталог вашего проекта vue,

Запустите npm run build в своем корневом каталоге, чтобы Vue собрал ваш проект для производства. Это создаст папку dist со всем, что вам нужно для развертывания… через секунду мы укажем Firebase на папку dist.

Запустите команду-

 firebase init

Выберите свой вариант размещения и выберите соответствующий проект firebase.

Выполнить

 firebase deploy

Поехали, вы можете просматривать свой сайт публично 😀

1. Сначала вам нужно создать проект в приложении firebase, затем настроить его в свой проект, затем перейти в каталог проекта, затем использовать эти комментарии. Если он работает, пожалуйста, «поддержите и сделайте его правильным ответом».

Ответ №2:

Вы также можете развернуть свой сайт в Netlify

Я надеюсь, что вы получите пошаговый процесс из этих двух документов