如何在 vueJs 中使用属性文件？

【问题标题】：how to use properties file in vueJs?如何在 vueJs 中使用属性文件？
【发布时间】：2022-01-02 19:02:27
【问题描述】：

嗨，有没有办法将大多数可用的值和属性存储在像 yml - 属性文件和...这样的文件中。

并在 vueJs 组件中使用它们

在 java 中我们有 spring，它帮助我们在项目中使用 yml 和属性文件属性

vueJs 有什么相同的吗

【问题讨论】：

【解决方案1】：

您可以在 .js 文件中构建一个对象并将该 obj 作为您的配置导入。
纯前端不存在文件系统
或者您可以从后端 api 获取配置

【讨论】：

【解决方案2】：

你可以创建一个普通的JS文件并在Vue中导入。

或者你可能需要阅读 .env 文件，因为在这两个文件之间你需要常量

【讨论】：

【解决方案3】：

在 vueJs 中，您可以轻松地使用 .env 文件。在您的 .env 文件中，您可以定义以 VUE_APP_ 开头的属性，它们将在整个应用程序中可供您使用。

例如：.env

    VUE_APP_API_URL=http://localhost:5000

要读取此属性，只需执行此操作即可。

process.env.VUE_APP_API_URL

更多信息here。

【讨论】：