Vue中如何通过环境变量和插值实现动态数据绑定？
- 内容介绍
- 文章标签
- 相关推荐
本文共计519个文字，预计阅读时间需要3分钟。
在项目根目录下放置以下文件来指定环境变量：.env
在项目根目录中放置下列文件来指定环境变量： .env # 在所有的环境中被载入
.env.local # 在所有的环境中被载入，但会被 git 忽略
.env.[mode] # 只在指定的模式中被载入
.env.[mode].local # 只在指定的模式中被载入，但会被 git 忽略
-
一个环境文件只包含环境变量的“键=值”对：
VUE_APP_NOT_SECRET_CODE=some_value。 -
请注意，只有
NODE_ENV，BASE_URL和以VUE_APP_开头的变量将通过 webpack.DefinePlugin 静态地嵌入到客户端侧的代码中。这是为了避免意外公开机器上可能具有相同名称的私钥。 -
代码中访问变量例如
console.log(process.env.VUE_APP_HELLO)。
本文共计519个文字，预计阅读时间需要3分钟。
在项目根目录下放置以下文件来指定环境变量：.env
在项目根目录中放置下列文件来指定环境变量： .env # 在所有的环境中被载入
.env.local # 在所有的环境中被载入，但会被 git 忽略
.env.[mode] # 只在指定的模式中被载入
.env.[mode].local # 只在指定的模式中被载入，但会被 git 忽略
-
一个环境文件只包含环境变量的“键=值”对：
VUE_APP_NOT_SECRET_CODE=some_value。 -
请注意，只有
NODE_ENV，BASE_URL和以VUE_APP_开头的变量将通过 webpack.DefinePlugin 静态地嵌入到客户端侧的代码中。这是为了避免意外公开机器上可能具有相同名称的私钥。 -
代码中访问变量例如
console.log(process.env.VUE_APP_HELLO)。