vue3+vite开发项目,env环境文件配置

1. 创建配置文件,如: .env.test

1.1 默认配置,变量名必须以 VITE_ 开头

# 项目中需要的变量
# 代理地址设置 
VITE_PROXY_URL =  http://120.1.1.1:7777

1.2 如果需要自定义变量名前缀,在vite.config.ts 文件中新增如下配置:

envPrefix:"APP_"
1.2.1 在 .env.test 文件中命名变量
// 变量名定义时,如下
APP_PROXY_URL =  http://120.1.1.1:7777

2. 在package.json文件中新增配置

 "scripts": {
     "run:test": "vue-tsc --noEmit --skipLibCheck  && vite build --mode test --base=/dist/",
 }

3. 在组件、页面中获取并使用对应的变量名

const env:any = import.meta.env
const url:string = env['VITE_PROXY_URL']
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容