HBuilder 工具创建uniapp+vue3项目如何配置接口环境变量

第一次写uni-app vue3踩到了一个坑

新搭建的项目配置环境变量呢
先创建了一个.env.development文件里里面写了

VUE_APP_API_URL=https://dev.example.com:2023

通过process.env.VUE_APP_API_URL拿这个变量不行 报错了

解决方案

HBuilder 工具创建uniapp+vue3的项目HBuilder 内置是用vite，使用环境变量的方式也变了得用

 import.meta.env // 获取环境变量的信息

APP_API_URL=https://prod.example.com:8888

但是看发现没有我们配置的环境变量

难受了半个小时看vite官网发现，写环境变量的时候必须要加个前缀

我们也加上

VITE_APP_API_URL=https://prod.example.com:8888

能获取到了