环境变量设置
.env.development或者.env.production文件中设置环境变量
vue-cli脚手架
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