首页 > 解决方案 > Vue 应用程序不适用于生产版本,但适用于开发

问题描述

我正在制作一个应用程序,我发现,当我使用https://vuejs.org/js/vue.js(开发版)但不使用https://vuejs.org/时,我的 Web 应用程序运行良好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

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

标签: vue.jsvuejs2

解决方案


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

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

这是解决方案:

  1. 例如,您应该有类似config文件夹的东西来拥有 dev.js 和 production.js。
  2. 然后你会选择你将使用的文件process.env.NODE_ENVNODE_ENV是你在 package.json 或你的终端上传递给你的脚本的一个变量。
  3. 在 production.js 你必须设置mode: 'production'
  4. 每当使用 CI(管道)或手动部署时。你应该像这样运行脚本build:production: node YOUR_CUSTOM_SCRIPT NODE_ENV=production

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

参考:vuejs 中的生产模式


推荐阅读