Skip to content

环境变量设置

.env.development或者.env.production文件中设置环境变量

vue-cli脚手架

官网地址:https://cli.vuejs.org/zh/guide/mode-and-env.html#%E5%9C%A8%E5%AE%A2%E6%88%B7%E7%AB%AF%E4%BE%A7%E4%BB%A3%E7%A0%81%E4%B8%AD%E4%BD%BF%E7%94%A8%E7%8E%AF%E5%A2%83%E5%8F%98%E9%87%8F

VUE_APP_ 开头的变量

NODE_ENV 当前使用的模式

BASE_URL 请求的基础路径

文档中说只有这三种变量,才可以使用

但我经过测试,BASE_URL输出为空值

如果要设置变量,就使用VUE_APP_;如果要设置模式,就用NODE_ENV

使用:process.env.VUE_APP_BASE_URL

vite脚手架

官网地址:https://cn.vitejs.dev/guide/env-and-mode.html#env-variables

Vite 在一个特殊的 import.meta.env 对象上暴露环境变量。这里有一些在所有情况下都可以使用的内建变量:

  • import.meta.env.MODE: {string} 应用运行的模式。

  • import.meta.env.BASE_URL: {string} 部署应用时的基本 URL。他由base 配置项决定。

  • import.meta.env.PROD: {boolean} 应用是否运行在生产环境。

  • import.meta.env.DEV: {boolean} 应用是否运行在开发环境 (永远与 import.meta.env.PROD相反)。

  • import.meta.env.SSR: {boolean} 应用是否运行在 server 上。

vite中要设置变量,推荐使用VITE_APP_开头

使用:import.meta.env.VITE_APP_API_URL

如有转载或 CV 的请标注本站原文地址