Logo
技术 转载 C#

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

photo
Pastore Antonio

2023年10月30日

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

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

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

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

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

 

本文为原创文章,请注意保留出处!

1.根目录新建三个文件:分别对应基本环境.env(始终加载)、开发环境.env.developmen...Vue3第七篇:Vite多环境配置

修复群晖Synology Drive client右键菜单缺失问题 Local, clean & environmental 作者:Pastore Antonio
1808 浏览量
1785 浏览量
configure: error: Package requirements (oniguruma) were not met Local, clean & environmental 作者:Pastore Antonio
1526 浏览量
Adobe Acrobat Pro 激活 Local, clean & environmental 作者:Pastore Antonio
1522 浏览量
追寻日出,找回自己 Local, clean & environmental 作者:Pastore Antonio
1489 浏览量