Vue.js 中可用系统变量:使用 process 全局对象的 process.env 访问;常见系统变量:NODE_ENV(环境)、VUE_APP_(自定义应用程序变量);注意事项:构建后可用,开发模式不可用,自定义变量仅开发模式可用。

Vue.js 中获取系统变量
在 Vue.js 中,可以通过 process 全局对象获取系统相关的变量。
步骤:
- 在 Vue.js 组件或脚本中,导入
process全局对象:
<code class="js">import { process } from 'vue';</code>- 使用
process.env访问系统变量:
<code class="js">const NODE_ENV = process.env.NODE_ENV; const VUE_APP_API_URL = process.env.VUE_APP_API_URL;</code>
常见系统变量:
立即学习“前端免费学习笔记(深入)”;
- NODE_ENV:表示当前环境("development" 或 "production")。
-
VUE_APP_:表示自定义的应用程序变量,可以在
vue.config.js中定义。
注意事项:
- 系统变量只在构建后的应用程序中可用,在开发模式下不可用。
- 自定义应用程序变量只能在开发模式下使用,在构建后的应用程序中不会被注入。
- 使用
process.env时,要确保在导入process全局对象后使用。










