Как развернуть готовое приложение nuxt.js на веб-сервере? - PullRequest
Новая
       41

Как развернуть готовое приложение nuxt.js на веб-сервере?

1 голос
/ 05 июля 2019

На работе я получил небольшое представление о разработке nuxtjs и очень заинтересовался этим. Итак, я начал немного самостоятельно разрабатывать, но сейчас я застрял в своем законченном проекте.

Для разработки я раскручиваю локальный сервер с помощью «npm run dev» в своем CLI. Это все отлично работает.

Но как мне развернуть мой готовый проект, чтобы запустить его в чем-то вроде nginx (или есть лучшие альтернативы, работающие в среде Windows Server) на моем домашнем сервере? Я слышал о «npm run build» в моем CLI, но как эта процедура выходит за рамки этого? И эта команда даже правильный метод?

Я абсолютно нуб в этом отделе. Кто-нибудь может научить меня шаг за шагом, что я должен сделать, чтобы «в производстве»?

Спасибо большое заранее!

Max

Конечно, «npm run dev» не является жизнеспособным вариантом для производства. Доступ к нему возможен только с компьютера, на котором работает сервер.

Ответы [ 2 ]

1 голос
/ 05 июля 2019

Самый простой способ - вам нужно сгенерировать весь контент:

  1. Выполнить npm run generate.
  2. Перейдите в подпапку dist вашего проекта и скопируйте все оттуда на какой-нибудь общедоступный хостинг, например GitHub Pages.

Хотя, если у вас есть контент, зависящий от пользователя, вам необходимо развернуть его как SPA:

  1. Измените mode в nuxt.config.js на spa.
  2. Выполнить npm run build.
  3. Разверните созданную папку dist/ на ваших статических хостингах, таких как Surge, GitHub Pages или nginx.

Подробнее:

https://nuxtjs.org/guide/commands#static-generated-deployment-pre-rendered-

https://nuxtjs.org/faq/github-pages#how-to-deploy-on-github-pages-

0 голосов
/ 05 июля 2019

На этот вопрос нет единого ответа, и основные переменные: разворачиваете ли вы статическое приложение или универсальное (ssr) приложение и где вы хотите его разместить.

Статические приложения довольно просты, как предлагается в комментариях и других ответах, но есть вероятность, что у вас есть приложение SSR и вам необходимо его развернуть.

Документы содержат подробную информацию о развертывании у ряда хостинг-провайдеров, а также немного об использовании nginx.

Существует учебник для развертывания в цифровом океане.

Некоторые хостинг-провайдеры проще, чем другие, и на самом деле те, которые предоставляют CLI для развертывания, обычно проще. Поэтому Heroku, как и Now, и Netlify, является хорошим выбором, но последние два предназначены только для статических приложений. В документах говорится, что «AWS - это смерть от 1000 порезов», так что, думаю, это не просто.

Так что вам следует проверить свои варианты хостинга и выбрать один из них, попробуйте выполнить развертывание с помощью документов nuxt и, если вы застряли, задать еще один вопрос здесь со спецификой.

...