vue3环境文件的用法-创新互联
环境变量建议放到项目根目录下,方便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://myzitong.com/article/ccihpj.html