Как развернуть приложение Vue?

Question

Как развернуть приложение Vue?

что я должен делать после разработки Vue приложение vue-cli?

In Угловое была какая-то команда, которая связывает все скрипты в один скрипт, а затем эти файлы отправляются на хост.

есть ли что-то такое же в Vue?

1323 8

vue.js vue-cli

8 ответов:

Comments

Ничего не найдено.

Egor Stambakio · Accepted Answer · 2017-06-04 11:15:10

Я думаю, что вы создали свой проект, как это:
vue init webpack myproject
Ну, теперь вы можете запустить
npm run build
индекс копию.html и/ dist / папка в корневой каталог вашего сайта. Сделанный.

akinjide · Accepted Answer · 2017-11-29 16:19:37

если вы создали свой проект с помощью:
vue init webpack myproject
вам нужно будет установить свой NODE_ENV для производства и запуска, поскольку проект имеет веб-пакет, настроенный как для разработки, так и для производства:
NODE_ENV=production npm run build
скопировать dist/ каталог в корневой каталог вашего сайта.

если вы развертываете с Docker, вам понадобится экспресс-сервер, обслуживающий

jntme · Accepted Answer · 2017-10-14 15:44:45

Если вы столкнулись с проблемами с вашим путем, возможно, вам нужно изменить assetPublicPath в своем config/index.js файл в подкаталог:

http://vuejs-templates.github.io/webpack/backend.html

anasmorahhib · Accepted Answer · 2017-11-29 16:08:42

в терминале
npm run build
и вы размещаете папку dist. для большего посмотреть видео

Farcrew Rz · Accepted Answer · 2018-04-16 12:25:54

эта команда предназначена для запуска сервера разработки:
npm run dev
где эта команда для производственной сборки:
npm run build
убедитесь, что вы смотрите и заходите в созданную папку под названием "dist".
Затем начните толкать все эти файлы на ваш сервер.

Yash_6795 · Accepted Answer · 2018-07-14 07:22:36

один из способов сделать это без использования VUE-CLI-это объединить все файлы сценариев в один файл fat js, а затем ссылаться на этот большой файл fat javascript в основной файл шаблона.

Я предпочитаю использовать webpack в качестве bundler и создать webpack.conig.JS в корневом каталоге проекта. Все конфигурации, такие как точка входа, выходной файл, загрузчики и т. д.. хранятся в файле config. После этого, я добавляю скрипт в пакет.json-файл, который использует webpack.конфиг.js-файл для конфигураций webpack и начните смотреть файлы и создайте JS-файл в указанном месте в webpack.конфиг.js файл.

Loveun CG · Accepted Answer · 2018-09-17 14:47:00

Я думаю, что вы можете использовать vue-cli

Если вы используете vue CLI вместе с серверной платформой, которая обрабатывает статические активы как часть своего развертывания, все, что вам нужно сделать, это убедиться, что Vue CLI генерирует встроенные файлы в правильном месте, а затем следуйте инструкциям по развертыванию вашей серверной платформы.

Если вы разрабатываете свой интерфейс приложения отдельно от вашего бэкэнда-т. е. ваш бэкэнд предоставляет API для вашего интерфейса, чтобы поговорить, то ваш интерфейс по сути, это чисто статическое приложение. Вы можете развернуть причине содержания в директории dist, чтобы любой статический файл-сервера, но убедитесь, что для установки правильного автоопределения

geni15o · Accepted Answer · 2018-01-22 00:39:36

лучший и самый чистый способ сделать это-импортировать проект на свой сервер и запустить npm run build с терминал сервера, после установки всех модулей и зависимостей вашего проекта. Позже вы можете создать некоторый скрипт на вашем package.json и дать ему команду npm run deploy для автоматического развертывания с локального компьютера.

таким образом, у вас не будет проблем с vue-router (Если вы не настроили свой проект правильно), а также не нужно "переместить индекс.html и /dist / folder".