我要评论0.环境变量文件
api_url=8888888 vite_api_url=9999999
1.定义环境变量
默认情况下，vite只获取以vite_为前缀的环境变量。
为了防止意外地将一些环境变量泄漏到客户端，只有以 vite_ 为前缀的变量才会暴露给经过 vite 处理的代码
但如果你觉得你是进击的巨人，可以参考如下方案直接获取所有环境变量。
import { defineconfig, loadenv } from 'vite'
export default defineconfig(({ mode }) => {
const env = loadenv(mode, process.cwd(), '')
// 如果你用的ts，请使用 let define: { [key: string]: string } = {};
let define = {};
object.keys(env).foreach(key => {
define[`import.meta.env.${key}`] = json.stringify(env[key])
})
return {
//.....
define: {
...define
}
}
})
- mode：测试环境/正式环境/自定义环境
- process.cwd()：当前项目根目录
- “” ：加载所有环境变量
同理，既然可以暴露全部，你也可以拆分部分环境变量暴露：
define: {
"import.meta.env.api_url":define["import.meta.env.api_url"]
}
2.读取环境变量
vite客户端获取变量的方法和其他构建工具有一定差异，使用 import.meta.env.xx获取。
console.log(import.meta.env)
到此这篇关于vite获取所有环境变量(env)的实现方法的文章就介绍到这了,更多相关vite获取所有环境变量 内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网！
发表评论