Logo

Logo

Vue3第七篇:Vite多环境配置

Pastore Antonio
Pastore Antonio 2023年10月30日
368 阅读 0 评论 约 302 字 阅读约 1 分钟

1.根目录新建三个文件:分别对应基本环境.env(始终加载)、开发环境.env.development(npm run dev 加载 )、.env.production生产环境(build加载)【如果env与development冲突,则后者覆盖前者】

# 基本环境
VITE_APP_NAME='飞常准'
# 开发环境
VITE_BASE_URL='localhost:8088/java'

# 生产环境
VITE_BASE_URL='xxxxxx'

 注意:只有以VITE开头的参数才会暴露出去

2.使用:

function m1() {
    console.log(import.meta.env)
}

查看完整代码

橙子主题打折出售

其实我不卖,主要是这里是放广告的,所以就放了一个
毕竟主题都没做完,卖了也是坑.

购买它

附件下载

共 2 个文件
03c368c102bf4bb3b927319ea9d0e626
PNG 22.6 KB
592f9895fd104fb49ec6046b2e985e0a
PNG 28.2 KB
部分文章可能存在转载,如果涉及到侵权,请联系删除文章。

探索AIGC相关的精彩内容,共 15 篇文章

Azure AI 服务之语音识别

简介 Azure AI 服务中的语音识别 API 是微软提供的一项先进技术,旨在帮助开发者轻松实现语 ... Vue3第七篇:Vite多环境配置

2026-02-17 · Xzavier Aaron
MCP | 一文详解什么是 MCP以及 MCP 可以做什么

一、什么是 MCP MCP(Model Context Protocol)是一个专为大型语言模型(L ... Vue3第七篇:Vite多环境配置

2026-02-14 · Shen, Luke
你的工作流程,值得一个“全自动数字分身”:录制、截图、成文,一气呵成

一、一句话认识 TestFlow Recorder 在数字化工作环境中,如何准确记录操作步骤并生成清 ... Vue3第七篇:Vite多环境配置

2026-02-14 · Xzavier Aaron
Flowise 前端框架配置指南

用户需求 问题:有没有适合配置 Flowise 的前端框架? 目标:寻找类似 Open WebUI ... Vue3第七篇:Vite多环境配置

2026-02-14 · Xzavier Aaron