如何使用Vue前端和rails后端实现env-virables?是否需要使用dotenv包来完成此任务



我开始处理一个项目,该项目有一些需要保护的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-变量

希望能有所帮助。

最新更新