如何确定 Web 应用程序是在开发模式还是生产模式下运行？

Question

我正在使用 Visual Studio 在 ASP.NET 应用程序中运行 vuejs 应用程序。我正在使用 webpack 并按照本教程进行设置：https://marczak.io/posts/netcore-vuejs/。我无法弄清楚如何在生产模式下运行应用程序？如果我需要更改我的 process.env.NODE_ENV，我应该从哪里更改它？

Answer 1

您可以通过process.env.NODE_ENV访问应用运行的模式。

但是你不能直接访问模板，因为它的范围是 Vue 的 this 上下文。

如果你想在 Vue 模板中访问它，你可以使用计算属性来实现。

computed: {
 appMode () {
   return process.env.NODE_ENV
 }
}

在模板中：

<p> {{ appMode }} </p>

我强烈建议您了解更多here (Vue CLI Docs)

您必须注意，当您准备好部署您的 应用程序，您可以设置模式。例如我建议你加 2 package.json中的脚本：

scripts: {
   // other scripts
    "build-production": "vue-cli-service build --mode production",
    "build-staging": "vue-cli-service build --mode staging",
}

当您要部署到暂存运行时：

npm run build-staging

当您要部署到生产运行时：

npm run build-production