Vue应用程序不适用于生产版本，但可以与开发很好地配合

Question

我正在制作一个应用程序，发现的是，当我使用https://vuejs.org/js/vue.js（开发版）但不与https://vuejs.org/js/vue.min.js（生产版）一起使用时，我的Web应用程序运行正常。

错误：

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

由于未为项目设置生产模式，因此收到此错误。我想这是您第一次构建Webapp。

假设您正在使用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（管道）部署或手动部署时。您应该像这样build:production: node YOUR_CUSTOM_SCRIPT NODE_ENV=production
运行脚本

注意：YOUR_CUSTOM_SCRIPT可能是webpack或构建应用程序所需的任何脚本。

参考：Production mode in vuejs