vue3+Vite+Js项目搭建之:.env、.env.development、.env.production 环境变量配置

前言:使用 import.meta.env.VITE_APP_BASE_API 调用环境变量

开发环境使用:**.env.development**
# 开发环境配置
ENV = 'development'
 
# 开发环境地址
VITE_APP_BASE_API = '/dev-api'
生产环境使用:**.env.production**
# 生产环境配置
ENV = 'production'
 
# 生产环境地址
VITE_APP_BASE_API = '/prod-api'

使用:在不同环境中,其他文件使用import.meta.env.VITE_BASE_API就代表不同的地址,如

import axios from "axios";//创建一个axios的对象
 
//生成一个axios的实例
const http = axios.create({
  baseURL:import.meta.env.VITE_BASE_API,//开发环境就是xxxxxx,生产环境就是xxx
  timeout: 6000,//请求超时
});

你可能感兴趣的:(javascript,前端,vue.js)