Skip to content

vite 环境配置

一般来说环境分为:

  • development 开发环境
  • staging 本地测试环境
  • test 远程测试环境
  • production 生产环境 (正式环境)

不同环境的配置

环境变量

具体见: 链接

根据环境变量自动分发 [部署地址]

config/index.js

js
const CONFIG = {
  development: {
    timeout: 10000, // 接口超时时间
    frontHref: "http://localhost:8080", // 前台部署地址
    frontBase: "", // 前台导航地址
    backHref: "http://localhost:3030", // 后台部署地址
    backBase: "", // 后台导航地址
  },
  staging: {
    // ...
  },
  // ...
};

const config = (key, APP_TYPE) => {
  return CONFIG[import.meta.env.VITE_ENV || APP_TYPE][key];
};

// 根据环境变量和预设定义来自动获取当前环境下的部署地址
// Base: config('frontBase')
2025( )
今日 8.33%
本周 42.86%
本月 48.39%
本年 4.11%
Powered by Snowinlu | Copyright © 2024- | MIT License