Vue 应用程序不适用于生产版本，但适用于开发

【问题标题】：Vue app not working with production build but works well with developmentVue 应用程序不适用于生产版本，但适用于开发
【发布时间】：2019-05-28 10:43:54
【问题描述】：

我正在制作一个应用程序，我发现当我使用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

我怎样才能解决这个问题？

【问题讨论】：

嗯，通常您需要 (1.) 找到错误，然后 (2.) 修复它。
@FK82 我是 VueJS 新手，你能帮帮我吗？
如果您没有注意到，您没有提供有关错误的任何详细信息以及您已经尝试修复的内容。目前无法为您提供帮助。
@FK82 对不起，更新了。
Vue.config.productionTip = false;

标签： vue.js vuejs2

【解决方案1】：

您收到此错误是因为您尚未为项目设置生产模式。我想这是你第一次构建 webapp。

假设你使用的是 node + vue + npm。

这里是解决方案：

你应该有类似 config 的文件夹来存放 dev.js 和 production.js。
然后您将根据process.env.NODE_ENV 选择您将使用的文件。 NODE_ENV 是一个变量，您可以在 package.json 或您的终端上传递给您的脚本。
在 production.js 中你必须设置mode: 'production'
无论何时使用 CI（管道）部署或手动部署。你应该像这样运行脚本build:production: node YOUR_CUSTOM_SCRIPT NODE_ENV=production

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

参考：Production mode in vuejs

【讨论】：