Nothing is impossible.

技术笔记与实践记录

‹ 返回文章列表

vue vite中如何判断当前环境

在vue+vite开发中,如何判断当前环境,可以使用import.meta.env.MODE,使用场景:区分是否开发环境、是否app环境等等。

vue
◷ 2年前 ◉ 1302 ☁ 0

在 Vite 项目中,环境信息会通过 import.meta.env 暴露出来。日常开发里最常用的是 MODE、DEV、PROD 以及自己在 .env 文件中定义的 VITE_ 前缀变量。

判断当前运行环境时,建议把环境判断收口到一个小的配置模块里,再由业务代码读取明确的布尔值。这样页面、接口地址、调试开关和平台差异都不会散落在组件中。

需要注意的是,只有以 VITE_ 开头的自定义变量才会暴露到客户端。不要把密钥、私有 token 或数据库连接信息写到前端环境变量里。