Vue Uncaught ReferenceError：未定义进程答案

【问题标题】：Vue Uncaught ReferenceError: process is not definedVue Uncaught ReferenceError：未定义进程
【发布时间】：2022-07-17 04:47:35
【问题描述】：

我正在处理一个Vue + typescript 项目。我想用process.env.var_name来调整项目是处于开发模式还是生产模式，就像

const isProduct = process.env.APP_ENV === "prod";

;但是我在下面遇到错误。我以前从未遇到过这个错误，所以任何人都可以告诉我为什么会发生这种情况，以便我可以尝试弄清楚项目中发生了什么然后修复它。

【问题讨论】：

【解决方案1】：

如果您使用的是 Vite，请改用 import.meta.env，process.env 将被删除。

并确保变量在.env 文件中以VITE_ 开头。

VITE_SOME_KEY=123

【讨论】：

我正在使用 Vue 3 附带的 Vite 并且遇到了同样的问题。正如你提到的，我使用 import.meta.env 而不是 process.env 并且它有效。
完美的解决方案，Vue 3 似乎变得更容易编码。

【解决方案2】：

Env 的变量必须以VUE_APP_ 开头，所以尝试将APP_ENV 改为VUE_APP_ENV。关于 CORS 错误，您必须从 BE 启用 FE。

【讨论】：

【解决方案3】：

我之前有一个类星体项目，这个项目适合我。

我通过运行 yarn 命令安装了dotenv 库

yarn add --dev dotenv

请告诉我。

【讨论】：

【解决方案4】：

您可以改用if (import.meta.env.PROD) ...。

【讨论】：