vue3+vite读取环境变量,获取配置。vue3 .env 的使用 电脑版发表于:2023/8/24 18:11 在.env.development与.env.production中配置 注意要使用VITE开头比如:VITE_IS_SHOW_MENU = true tn2>为什么需要前缀? 这是一种安全机制。它明确告诉构建工具哪些变量是安全的、可以暴露给前端浏览器运行的代码。那些不以指定前缀开头的变量(例如 DATABASE_PASSWORD)将不会被注入到客户端代码包中,只能在 Node.js 环境(如 vite.config.js)中访问,从而防止敏感信息泄露到浏览器端。 **读取:** ``` import.meta.env.VITE_ISOnline ``` **注意判断的时候要当成字符串去判断:** ``` if(import.meta.env.VITE_ISOnline=="false") { // console.log("这是线下的内容") } ``` tip:在生产环境中,环境变量会在构建时被静态替换,因此,在引用它们时请使用完全静态的字符串。动态的 key 将无法生效。例如,动态 key 取值 import.meta.env[key] 是无效的 https://blog.csdn.net/2301_81137804/article/details/149215335