当前位置: 首页 > news >正文

vue3+vite 多个环境配置

同一套代码 再也不用在不同的环境里来回切换请求地址了
然后踩了一个坑 就是env的文件路径是在当前项目下 不是在views内
因为公司项目需求只有dev和pro两个环境 虽然我新增了3个 但是只在这两个里面配置了 .env是可以配置一些公共配置的 目前需求来说不需要 所以我也懒得配了。

#【开发环境】
VITE_ENV = development
VITE_API_URL = http://xxxx/
# 【生产环境】
VITE_ENV = production
VITE_API_URL = https://xxxx/

在请求的地址也配置上

baseURL:import.meta.env.VITE_API_URL,// 设置基础 URL/\

个人觉得vite比webpack的打包好用 更方便 不需要在其他config文件内再配置什么东西
包括项目也会用到的 上传图片功能 因为上传的方法需要用其他的header类型去请求所以是单独写的请求方法 按照之前的逻辑可以固定封装一个上传图片的组件 现在不用拉 直接用env自己定义的环境地址即可。

http://www.dtcms.com/a/136043.html

相关文章:

  • 零浪费,最高效率:通往0%废品率的道路
  • 入门-C编程基础部分:6、常量
  • STM32启动流程详解
  • 【JVM优化】Minor GC的频率高的原因
  • element-ui自定义主题
  • C++23 中的可选扩展浮点类型:std::float{16|32|64|128}_t 和 std::bfloat16_t
  • ✅ MySQL 事务 MVCC ROLLBACK
  • Lua 第6部分 函数
  • 金融的未来
  • Hyperlane 是一款专为 Rust 构建的高性能 HTTP 服务框架
  • GitLab本地安装指南
  • Web Worker在uniapp鸿蒙APP中的深度应用
  • 【区块链通用服务平台及组件】全国产金融级区块链一体机 | FISCO BCOS 应用案例
  • React 18/19 使用Ant Design全局弹窗message
  • 【python】django sqlite版本过低怎么办
  • RTDETR融合[CVPR2025]BHViT中的token_mixer模块
  • 从 PyTorch 到 ONNX:深度学习模型导出全解析
  • Mamba 原理汇总
  • 【虚幻C++笔记】接口
  • MySQL联表查询底层原理
  • http/https请求解析
  • Pikachu靶场——Cross-Site Scripting
  • 需求分析---软件架构师武器库中的天眼系统
  • 记录小程序第一次调用Api,基于腾讯云Serverless函数,实现小程序的成功接入api,以及数据调用
  • 实验四 中断实验
  • 【Linux】第七章 控制对文件的访问
  • 实现类似 “更新中” 的水平进度条按钮效果
  • 高级java每日一道面试题-2025年4月10日-微服务篇[Nacos篇]-Nacos的服务健康检查机制是如何工作的?
  • 下载maven低版本(官网)
  • 网站301搬家后谷歌一直不收录新页面怎么办?