Приложение Vue не работает с производственной сборкой, но хорошо работает с разработкой

Question

Я делаю приложение и обнаружил, что мое веб-приложение работает нормально, когда я использую https://vuejs.org/js/vue.js (версия для разработчиков), но не работаю с https://vuejs.org/js/vue.min.js (рабочая версия).

Ошибка:

You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html

Как я могу решить эту проблему?

Answer 1

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

Предположим, что вы используете node + vue + npm.

Вот решение:

1. у вас должно быть что-тонапример, в папке config есть dev.js и production.js, например.
2. , тогда вы выберете, какой файл вы будете использовать, основываясь на process.env.NODE_ENV.NODE_ENV - это переменная, которую вы передаете своему сценарию в package.json или на вашем терминале.
3. В production.js вы должны установить mode: 'production'
4. Всякий раз, когда используете развертывание с помощью CI (pipe) или вручную.Вы должны запустить скрипт, может быть, вот так build:production: node YOUR_CUSTOM_SCRIPT NODE_ENV=production

примечание: YOUR_CUSTOM_SCRIPT может быть webpack или любой скрипт, который вам нужен для создания вашего приложения.

Ссылка: Режим производства вvuejs