vite中如何使用 process.env 这种方式来配置环境文件

当然也可以在vite.config.ts中去通过define去定义的方式继续使用process.env 不过这种方式相当于在这个对象中写死，虽然可以通过配置打包使用也相对麻烦。webpack中我们可以直接在.env.development 中通过VUE_APP_（自定义字段）方式配置。然后通过process.env.VUE_APP_自定义字段）读取。通过import.meta.VITE_API

weixin_44536001

3470人浏览 · 2023-05-24 13:54:41

weixin_44536001 · 2023-05-24 13:54:41 发布

webpack中我们可以直接在.env.development 中通过VUE_APP_（自定义字段）方式配置

然后通过process.env.VUE_APP_自定义字段）读取

而vite中则是使用 VITE_API_的方式去配置

通过import.meta.VITE_API_的方式去引入

当然也可以在vite.config.ts中去通过define去定义的方式继续使用process.env 不过这种方式相当于在这个对象中写死，虽然可以通过配置打包使用也相对麻烦。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^