vue process.env

作者：刎心封爱为伱锁情发布日期:2026-07-25 浏览:28

// 在 Vue 项目中使用 process.env 来访问环境变量

// .env 文件示例
// 这些变量可以在整个应用程序中通过 process.env 访问
NODE_ENV=development
VUE_APP_API_URL=https://api.example.com

// main.js 或其他 JavaScript 文件中使用
console.log(process.env.NODE_ENV); // 输出: development
console.log(process.env.VUE_APP_API_URL); // 输出: https://api.example.com

// 注意：只有以 VUE_APP_ 开头的变量才会被 webpack 打包到客户端代码中
// NODE_ENV 是一个特殊的变量，会被自动处理

// 在组件中使用
<template>
  <div>
    <p>API URL: {{ apiUrl }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      apiUrl: process.env.VUE_APP_API_URL
    };
  }
};
</script>

上一篇：vue获取当前年月日

下一篇：vue tree view