VUE 3 - process.env 始终返回未定义

Question

我正在尝试使用 VueJS 3 项目中的 .env 文件访问 env 变量，遵循 vue 3 的文档和此处的一些问题，但似乎没有任何效果。

我已经检查过，.env 位于根目录内，我已经停止并重新运行了该项目数百次，重建了一切，但我仍然对这个狗屎没有限制，而且我发现总是相同的提示，很多人抱怨这个功能。

Answer 1

如果你使用Vue3 + Vite，你必须输入良好的语法。在您的 .env 文件中，而不是 VUE_APP_ACCESS_TOKEN 将其更改为VITE_ACCESS_TOKEN.

然后重新启动您的应用程序。

现在，在您的组件/页面中，您可以通过以下方式访问它： import.meta.env.VITE_ACCESS_TOKEN

例子：

<script setup>
const accessToken = import.meta.env.VITE_ACCESS_TOKEN;
</script>

希望能帮助到你！