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

vue3+vite 多个环境配置

news 来源：原创 2025/8/23 6:17:41

同一套代码再也不用在不同的环境里来回切换请求地址了
然后踩了一个坑就是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自己定义的环境地址即可。

vue3+vite 多个环境配置

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

编程日记 2025/8/23 6:17:41

《分布式软总线架构下，设备虚拟化技术的深度剖析与优化策略》

设备之间的互联互通和协同工作已成为一种趋势。分布式软总线架构作为实现这一目标的关键技术，为不同设备之间的通信和协作提供了基础。而设备虚拟化技术则是在分布式软总线架构下，进一步提升设备资源利用效率的重要手段。本文将深入探讨在分布式软总线架…...

编程日记 2025/8/20 23:16:32

MCP 正当时：FunctionAI MCP 开发平台来了！

作者：封崇 MCP：AI 时代的“操作系统接口” 2024 年 11 月，Anthropic 发布模型上下文协议（MCP），这一开放标准迅速引发开发者社区的"协议觉醒"。其本质是通过标准化接口实现 LLM 与外部世界的双向…...

编程日记 2025/8/22 15:49:58

AI Agents系列之AI代理的类型

在本文中，我们将探讨不同类型的 AI 代理，包括它们的实现、实际应用、优势和局限性。从简单反射代理到多代理系统，我们将了解这些模型如何推动自动化、决策制定和智能问题解决。文章目录 1. AI代理的类型1.1 简单反射代理1.1.1 实现**1.1.2 优势****1.1.3 局限性**1.2 基于…...

编程日记 2025/8/20 8:28:26

Go RabbitMQ基础教程：入门与实践指南，实战代码讲解

简介： RabbitMQ是一款实现高级消息队列协议（AMQP）的消息代理软件，也称为消息队列或消息中间件。它通过解耦应用程序之间的直接通信，支持异步数据交换，增强了系统的可扩展性和灵活性。RabbitMQ能够跨平台运…...

编程日记 2025/8/18 20:33:24

LeetCode详解之如何一步步优化到最佳解法：27. 移除元素

LeetCode详解系列的总目录（持续更新中）： LeetCode详解之如何一步步优化到最佳解法：前100题目录（更新中...）-CSDN博客 LeetCode详解系列的上一题链接： LeetCode详解之如何一步步优化到最佳解法…...

编程日记 2025/8/17 20:27:17

c++原子操作

原子操作，顾名思义，该操作不可分割。多线程环境也能保证读写数据不错乱。百度搜索了下，其核心概念如下： 1、不可分割性。原子操作是指一系列不可被CPU上下文交换的机器指令，操作要么完全执行，要么完全不执…...

编程日记 2025/8/22 13:58:09

在 Redis Lua 脚本中，keyCount 参数的作用是明确区分脚本参数中的 KEYS 和 ARGV，具体关系如下：

在 Redis Lua 脚本中，keyCount 参数的作用是**明确区分脚本参数中的 KEYS 和 ARGV**，具体关系如下： --- ### 核心作用 1. **参数分类标识** - keyCount 表示脚本中使用的 Redis KEY 的数量（即 KEYS 数组的长度）…...

编程日记 2025/8/17 20:06:18

小白如何从0学习CSS

以下是针对小白从零开始系统学习 CSS 的完整路径和实用指南，结合核心概念、实践技巧和项目经验，助你掌握网页样式的精髓： 1. 理解 CSS 是什么？ 定义：CSS（层叠样式表）用于控制网页的视觉表现&…...

编程日记 2025/8/17 21:20:26

一文掌握RK3568开发板Android13挂载Windows共享目录

在物联网和边缘计算场景中，开发板与PC端的高效文件交互尤为重要。现以iTOP-RK3568开发板为例，详细演示Android13系统如何通过CIFS协议挂载Windows共享目录，实现开发板与PC的无缝文件共享。 RK3568开发板优势 iTOP-3568开发板采用瑞芯微RK3…...

编程日记 2025/8/21 20:55:18

UE5烘培后-＞为什么C磁盘满了

烘培会产生ddc 需要把路径切换一下，比如切换到游戏空间下。如何修改，修改如下： 使用记事本打开BaseEngine.ini文件。将以下内容： textCopy Code Path\"%ENGINEVERSIONAGNOSTICUSERDIR%DerivedDataCache\" 替换为&…...

编程日记 2025/8/17 20:56:47

本地搭建全网可访问的开源音乐服务器Melody结合内网穿透随时听歌

文章目录前言1. 添加镜像源2. 本地部署Melody3. 本地访问与使用演示4. 安装内网穿透5. 配置Melody公网地址6. 配置固定公网地址前言嗨，各位音乐发烧友们！今天我要带你们解锁一个超酷的新技能——在香橙派Zero3上搭建自己的在线音乐平台，并…...

编程日记 2025/8/23 1:49:42

深度学习Y5周：yolo.py文件解读

🍨 本文为🔗365天深度学习训练营中的学习记录博客🍖 原作者：K同学啊一、前言文件位置：./models/yolo.py 此文件是实现YOLOv5网络模型的搭建文件，如果想改进YOLOv5，这个文件是必须进行修改的…...

编程日记 2025/8/20 9:04:53

Qt实现文件传输服务器端（图文详解+代码详细注释）

Qt实现文件传输服务器 1、前言2、服务器2.1 服务器UI界面2.2添加网络模块和头文件2.3、创建服务器对象2.4 连接有新连接的信号与槽2.5实现有新连接处理的槽函数2.6 选择文件按钮实现2.6.1 连接按钮点击的信号与槽2.6.2 添加头文件2.6.3 创建所需对象2.6.3 选择文件按钮实现 2.7…...

编程日记 2025/8/17 21:06:22

记录学习的第二十七天

今天效率低下，只做了一道力扣的每日一题。看了题解才懂的。下面复述一遍吧。算法就是越长越合法型滑动窗口。核心： 如果此时窗口中有c个元素x，此时再进一个x，那么相同数对就增加c个。如果此时窗口有c个元素x，此…...

编程日记 2025/8/22 10:35:07

docker 安装TDengine 时序数据库

TDengine是一个高性能、分布式a的时序数据库，专为物联网(loT)和大数据分析日设计。使用Docker快速地搭建 TDengine 的开发或测试环境。以下技术指南，帮助您通过Docker Compose 安装并运行TDengine 1.拉取镜像 (3.3.6.0版本) docker pull registry.cn-ha…...

编程日记 2025/8/17 18:29:58

如何更好使用呼叫中心系统和语音机器人

要更好地使用呼叫中心系统和语音机器人，需要结合两者的优势，实现自动化、智能化、高效率的客户服务与业务运营。以下是优化策略和具体实践方法： 一、呼叫中心系统优化 1. 智能路由与IVR优化智能ACD（自动呼叫分配&…...

编程日记 2025/8/17 18:29:51

C复习（主要复习）

指针和数组指针数组是一个数组，数组的每个元素都是指针。它适用于需要存储多个指针的场景，如字符串数组。数组指针是一个指针，指向一个数组。它适用于需要传递整个数组给函数或处理多维数组的场景。函数指针：函数指针的定义需要…...

编程日记 2025/8/19 12:18:43

网页五子棋项目测试报告

一、测试概述网页五子棋项目运用 Java 语言与 Spring 框架开发，具备用户登录注册、人机对战、在线匹配对局、房间邀请对局及积分排行榜等功能。本次测试旨在评估项目各功能的完整性、稳定性与交互性，依据各文章所描述的功能设计和实现细节进行全面测试…...

编程日记 2025/8/20 16:30:28

大模型提示词prompt

系列文章目录第一章提示词的引言和指南文章目录系列文章目录前言原则1：写清楚具体的说明1、使用分割符2、要求结构化输出3、检查条件是否满足检查完成任务所需的假设4、少量样例提示给出成功的例子原则2：给模型足够的时间思考1、给予模型要输出执…...

编程日记 2025/8/21 22:23:39

如何让Agent开发正真可控、可靠？Cursor AI工程化

工程化的目的不知道你在AI编程的过程中有没有这样的痛点？开发质量不理想、研发进度无法把控… 问题核心在于没有一套属于AI编程的规范，这正是工程化要解决的问题。如何工程化参考我们正常研发流程中的步骤，技术方案设计&评审->…...

编程日记 2025/8/20 19:50:29

计算机视觉——基于人工智能视觉注意力的在线广告中评估检测技术

概述自2023年在线广告行业估计花费了7403亿美元以来，很容易理解为什么广告公司会投入大量资源进行这一特定领域的计算机视觉研究。尽管这个行业通常较为封闭和保守，但偶尔也会在arxiv等公共存储库中发布一些研究，这些研究暗示了更先进的专…...

编程日记 2025/8/22 2:22:32

一、图像基础 I/O 与显示 1.cv2.imread() 2.cv2.imshow() 3. cv2.waitKey() 4. cv2.imwrite() 5. cv2.selectROI() 6. cv2.VideoCapture() 二、颜色空间与转换 1. cv2.cvtColor() 2. cv2.split() 三、阈值处理 1. cv2.threshold() 2. 特殊阈值方法...

编程日记 2025/8/21 1:08:46

Redis 的不同数据结构分别适用于哪些微服务场景

我们一块来分析下Redis 的不同数据结构在微服务场景下的具体应用： 1. String (字符串) 特点: 最基本的数据类型，二进制安全，可以存储任何类型的数据（文本、序列化对象、图片等），最大 512MB。支持原子性的…...

编程日记 2025/8/19 1:22:23

用node编写git钩子hooks的示例

关于 git 钩子函数，就是在 git 进行提交的时候触发一些可执行脚本的功能，详情可以看这篇博客【GIT知识】git进阶-hooks勾子脚本_git hooks-CSDN博客，我这里稍微演示一下怎么用 node 编写钩子的脚本以 pre-commit 钩子为例，会在用…...

编程日记 2025/8/21 12:23:10

RISC-V架构新生态：鸿道Intewell操作系统×全志D1芯片

在全球化技术博弈与自主可控需求的双重驱动下，RISC-V架构正从开源革命走向产业落地。然而，RISC-V生态的成熟不仅需要硬件层面的突破，更需操作系统与芯片的深度协同。鸿道Intewell操作系统与全志D1（RISC-V架构）芯片的适…...

编程日记 2025/8/20 18:22:29

盈达科技：重新定义GEO优化的技术边界与商业未来

——以硬核技术领跑生成式AI时代的认知主权争夺战 01 技术架构：AICC 2.0智能协同中心生成式AI优化的「核动力引擎」盈达科技独创的AICC 2.0（自适应-智能-认知-动态响应）智能协同中心，构建…...

编程日记 2025/8/23 2:04:36

芯片测试工具系统Demo示例

芯片测试工具系统Demo示例一个简单的芯片测试工具系统Demo示例，包含基础功能和模拟测试流程，使用Python实现： python import time import random import csv from datetime import datetime class VirtualChip: """模…...

编程日记 2025/8/20 4:36:33

从单模态到多模态：五大模型架构演进与技术介绍

前言 1. ResNet — 残差神经网络背景核心问题与解决方案原理模型架构ResNet 系列变体技术创新与影响 2. ViT — Vision Transformer背景核心思想发展历程Transformer的起源：ViT的出现：ViT的进一步发展： 模型架构技术创新与影响 3. Swin Trans…...

编程日记 2025/8/17 21:37:10

基于 Java 的淘宝 API 调用实践：商品详情页 JSON 数据结构解析与重构

一、引言在电商领域，淘宝拥有海量的商品数据。通过调用淘宝 API 可以获取商品详情页的 JSON 数据，这对于商家进行市场分析、竞品调研等具有重要意义。本文将详细介绍如何使用 Java 调用淘宝 API，获取商品详情页的 JSON 数据，并对…...

编程日记 2025/8/22 23:00:26

Sentinel源码—3.ProcessorSlot的执行过程二

大纲 1.NodeSelectorSlot构建资源调用树 2.LogSlot和StatisticSlot采集资源的数据 3.Sentinel监听器模式的规则对象与规则管理 4.AuthoritySlot控制黑白名单权限 5.SystemSlot根据系统保护规则进行流控 3.Sentinel监听器模式的规则对象与规则管理 (1)Sentinel的规则对象 …...

编程日记 2025/8/20 18:48:17

【C++11】列表初始化、右值引用、完美转发、lambda表达式

📚 博主的专栏 🐧 Linux | 🖥️ C | 📊 数据结构 | 💡C 算法 | 🌐 C 语言上篇文章：unordered_map、unordered_set底层编写下篇文章：C11：新的类功能、模板的可…...

编程日记 2025/8/20 1:35:07

Spring中IOC的重点理解（笔记）

Spring: 出现在2002左右.解决企业级开发的难度.减轻对项目模块类与类之间的管理帮助开发人员创建对象,管理对象之间的关系. 补充：什么是OCP原则？（面试） （1）是软件七大开发当中最基本的一个原则&#xff…...

编程日记 2025/8/20 1:54:46

数据库系统概论|第三章：关系数据库标准语言SQL—课程笔记4

前言前面详细介绍了关于SELECT语句的相关使用方法，继续上文的介绍，本文将继续介绍数据查询的其他相关操作，主要包括排序（ORDER BY）子句、分组（GROUP BY）子句。与此同时，介绍完单表…...

编程日记 2025/8/21 4:35:59

【1】CICD持续集成-docker本地搭建gitlab代码仓库社区版

‌一、gitlab社区版概述 GitLab社区版（Community Edition, CE）是一个开源的版本控制系统，适用于个人开发者、中小团队及大型企业。‌ GitLab社区版采用MIT许可证，用户可以免费使用和修改源代码。其主要功能包括代码托管、版本控制…...

编程日记 2025/8/22 9:34:08

Verdi工具使用心得知识笔记（一）

Verdi工具使用知识点提炼本文来源于移知，具体文档请咨询厚台一、基础概念波形依赖 Verdi本身无法生成波形，需配合VCS等仿真工具生成.fsdb文件。核心功能模块 • nTrace：代码调试与追踪 • nSchema：原理图分析 • nState&…...

编程日记 2025/8/19 1:40:45

【25软考网工笔记】第二章数据通信基础（4）数据编码

目录一、曼彻斯特编码 1. 以太网 2. 题型(考试过的选择题) 1）题目解析二、差分曼彻斯特编码三、两种曼彻斯特编码特点编辑 1. 双相码 2. 将时钟和数据包含在信号数据流中 3. 编码效率低 4. 数据速率是码元速率的一半 5. 应用案例编辑 1&…...

编程日记 2025/8/20 9:51:26

【正点原子STM32MP257连载】第四章 ATK-DLMP257B功能测试——USB OTG测试

1）实验平台：正点原子ATK-DLMP257B开发板 2）浏览产品：https://www.alientek.com/Product_Details/135.html 3）全套实验源码手册视频下载：正点原子资料下载中心第四章 ATK-DLMP257B功能测试——USB OTG测试…...

编程日记 2025/8/23 2:04:28

现代c++获取linux系统磁盘大小

现代c获取linux系统磁盘大小前言一、命令获取系统磁盘大小二、使用c获取系统磁盘大小三、总结前言本文介绍一种使用c获取linux系统磁盘大小的方法一、命令获取系统磁盘大小在linux系统中可以使用lsblk命令显示当前系统磁盘大小，如下图所示 lsblk二、使用c获…...

编程日记 2025/8/17 20:58:35

tcp和udp的数据传输过程以及区别

tcp和udp的数据传输过程以及区别目录一、数据传输过程 1.1 UDP 数据报服务图 1.2 TCP 字节流服务图 1.3 tcp和udp的区别 1.3.1 连接特性 1.3.2 可靠性 1.3.3 数据传输形式 1.3.4 传输效率与开销应用场景一、数据传输过程 1.1 UDP 数据报服务图这张图展示了 UDP 数据报服务…...

编程日记 2025/8/20 12:28:25

C++项目-衡码云判项目演示

衡码云判项目是什么呢？简单来说就是这是一个类似于牛客、力扣等在线OJ系统，用户在网页编写代码，点击提交后传递给后端云服务器，云服务器将用户的代码和测试用例进行合并编译，返回结果到网页。项目最大的两个亮点&…...

编程日记 2025/8/19 8:02:27

C 语言中的 volatile 关键字

1、概念 volatile 是 C/C 语言中的一个类型修饰符，用于告知编译器：该变量的值可能会在程序控制流之外被意外修改（如硬件寄存器、多线程共享变量或信号处理函数等），因此编译器不应对其进行激进的优化（如缓存…...

编程日记 2025/8/22 4:37:48

mysql表类型查询

普通表 SELECT table_schema AS database_name,table_name FROM information_schema.tables WHERE table_schema NOT IN (information_schema, mysql, performance_schema, sys)AND table_type BASE TABLEAND table_name NOT IN (SELECT DISTINCT table_name FROM informatio…...

编程日记 2025/8/17 21:28:00

相关文章：