重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

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://cqcxhl.com/article/ccihpj.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP