我开始处理一个项目,该项目有一些需要保护的API密钥。我个人的项目都使用React和Node,但这个项目是使用yarn构建的(我不熟悉(。我已经运行了yarn add dotenv
,并尝试使用他们的文档来启动和运行它。所有的CCD_ 2返回CCD_。
到目前为止,我的方法是将变量添加到项目根目录中的.env文件中,并将require('dotenv').config()
添加到要加载的项目的application.js
文件中。我读到Vue.js 3不需要dotenv,而是使用前缀为_Vue_APP的变量名(我试图确保它在Vue 2.8中不会以这种方式工作(。剧透,它没有(。
我缺了一步吗?我应该采取完全不同的方法吗?
提前感谢!
让我们假设您有两个环境:开发和生产。
为了拥有这些环境的变量,请在根文件夹中为每个环境创建一个文件(其中是package.json
或.gitignore
(,一个文件称为.env.development
,另一个文件名为.env.development
,然后在那里创建变量。
例如,假设我们想要一个名为api-path的环境变量,因此在每个名为VUE_APP_api_path(例如在开发环境VUE_APP_API_PATH = http://localhost:3000
中(的文件中创建一个变量。
然后,您可以在需要该值的脚本中使用let API_route = process.env.VUE_APP_ROOT_API
检索这些环境值。
更多信息请点击此处:https://cli.vuejs.org/guide/mode-and-env.html#environment-变量
希望能有所帮助。