环境变量建议放到项目根目录下，方便vite.config.ts文件读取和使用

创新互联建站是一家专业提供扬中企业网站建设,专注与成都网站制作、成都做网站、外贸营销网站建设、H5开发、小程序制作等业务。10年已为扬中众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。

.env.production  //生成环境变量配置
.env.development  //开发环境变量配置

环境值配置

要暴露出来给项目的其他文件使用一定要 VITE_ 开头，

VITE_APP_ENV=dev  
# 请求接口  
VITE_APP_BASE_URL = "/dev-api"

读取环境值 vite.condig.js中

const env = loadEnv(mode, process.cwd())  
const {VITE_APP_ENV,VITE_APP_BASE_URL } = env

其他文件中

const {VITE_APP_BASE_URL} = import.meta.env;
// 创建axios实例  
const service = axios.create({  // axios中请求配置有baseURL选项，表示请求URL公共部分  
  baseURL: VITE_APP_BASE_URL,  
  // 超时  
  timeout: 10000  
})

你是否还在寻找稳定的海外服务器提供商？创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源，准确流量调度确保服务器高可用性，企业级服务器适合批量采购，新人活动首月15元起，快前往官网查看详情吧

当前名称：vue3环境文件的用法-创新互联
文章来源：http://chengdu.cdxwcx.cn/article/ccihpj.html