企业网站 建设过程,工商注册信息查询系统,网站连通率,网站建设找c宋南南在src同级目录创建
#xff08;1#xff09;.env.delelopment : 开发模式时调用
#xff08;2#xff09;.env.production #xff1a;生产模式时调用
#xff08;3#xff09;.env.testing : 测试模式时调用
# 页面标题
VITE_APP_TITLE 若依管理系统# 生产环境配… 在src同级目录创建
1.env.delelopment : 开发模式时调用
2.env.production 生产模式时调用
3.env.testing : 测试模式时调用
# 页面标题
VITE_APP_TITLE 若依管理系统# 生产环境配置
VITE_APP_ENV production# 若依管理系统/生产环境
VITE_APP_BASE_API /prod-api# 是否在打包时开启压缩支持 gzip 和 brotli
VITE_BUILD_COMPRESS gzip .env.xxx文件与package.json间的关联
1dev 与 .env.development 相关
2build:prod 与 .env.production 相关
3build:stage 与 .env.staging 相关
自定义.env.后缀build:stage: vite build --mode staging, scripts: {dev: vite,build:prod: vite build,build:stage: vite build --mode staging,preview: vite preview},
调用依据
当输入命令为 yarn dev 时 mode delelopment
当输入命令为 yarn build:prod 时 mode production
当输入命令为 yarn build:stage 时 mode staging
vite 中
默认情况下开发服务器 (dev 命令) 运行在 development (开发) 模式而 build 命令则运行在 production (生产) 模式。
webpack 中
如果没有设置webpack 会给 mode 的默认值设置为 production。
export default defineConfig(({ mode, command }) {const env loadEnv(mode, process.cwd())// 生产环境判断const isEnvProduction mode production;...axios请求配置baseURL
// 创建axios实例
const service axios.create({// axios中请求配置有baseURL选项表示请求URL公共部分baseURL: import.meta.env.VITE_APP_BASE_API,// 超时timeout: 30000
})