【Vue3+Vite】根据运行环境获取 API_BASE_URL

在项目根目录下创建 .env.development 文件用于开发环境,创建 .env.production 文件用于生产环境。

.env.development 文件中设置开发环境下的环境变量,例如:

VITE_API_BASE_URL=http://localhost:8000

.env.production 文件中设置生产环境下的环境变量,例如:

VITE_API_BASE_URL=https://api.example.com

在封装的 HTTP 请求库中使用 import.meta.env.VITE_API_BASE_URL 来获取对应环境文件中的地址变量:

import _axios from 'axios'

const baseURL = import.meta.env.VITE_API_BASE_URL

const axios = _axios.create({
  baseURL: baseURL,
  // ...
})
  • 10
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值