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

VUE3+Vite 环境变量配置

news 来源：原创 2024/9/21 3:12:41

在这里插入图片描述

VUE3+Vite 环境变量配置

环境变量：在不同的环境下使用不同的参数配置。
环境分类：开发环境(development)，生产环境(实际部署produciton)
环境变量命名：.env.produciton .env.development
位置：放到跟目录下
在这里插入图片描述
编写规则：
必须以VITE_API_*开头，外面才能访问到，不以这个开头的外面访问不到。

NODE_ENV=produciton
VITE_API_URL="http://127.0.0.2 生产环境"

Vite.config.ts 配置
在这里插入图片描述
使用：alert(import.meta.env.VITE_API_URL);

相关文章：

  • 北京网站建设多少钱？
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 基于单片机的仔猪喂饲系统设计
  • [CTF夺旗赛] CTFshow Web1-12 详细过程保姆级教程~
  • 苹果账号登录后端验证两种方式 python2
  • 基于springboot+vue实现的在线商城系统
  • 面了 5 家知名企业的NLP算法岗(大模型方向)，被问麻了。。。。。
  • Sobel边沿检测
  • TPM赋能智能机器人：重塑工业4.0时代的生产力革命
  • 【解决bug之路】npm install node-sass（^4.14.1）连环报错解决！！！（Windows）
  • 达梦数据库导入dmp文件数据
  • 关于Redis集群同步/持久化/淘汰机制的详解
  • html知识点总结
  • Windows子系统Ubuntu安装MySQL及windows的navicate连接
  • NDP协议是怎样帮助IPv6实现网络安全运行的？
  • 技术分享-商城篇-营销模块-优惠券-常见问题（二十五）
  • 油耳朵耳屎怎么清理？可视耳勺使用方法
  • 时间复杂度分析经典问题——最大子序列和
  • 【162天】黑马程序员27天视频学习笔记【Day02-上】
  • 10个最佳ES6特性 ES7与ES8的特性
  • CSS 专业技巧
  • CSS相对定位
  • express + mock 让前后台并行开发
  • IE报vuex requires a Promise polyfill in this browser问题解决
  • MySQL-事务管理（基础）
  • Node + FFmpeg 实现Canvas动画导出视频
  • OSS Web直传 （文件图片）
  • Solarized Scheme
  • 从setTimeout-setInterval看JS线程
  • 盘点那些不知名却常用的 Git 操作
  • 配置 PM2 实现代码自动发布
  • 小程序开发中的那些坑
  • 字符串匹配基础上
  • 阿里云服务器购买完整流程
  • 智能情侣枕Pillow Talk，倾听彼此的心跳
  • ‌U盘闪一下就没了？‌如何有效恢复数据
  • #laravel 通过手动安装依赖PHPExcel#
  • #经典论文 异质山坡的物理模型 2 有效导水率
  • #免费 苹果M系芯片Macbook电脑MacOS使用Bash脚本写入(读写)NTFS硬盘教程
  • #我与Java虚拟机的故事#连载03：面试过的百度，滴滴，快手都问了这些问题
  • #我与Java虚拟机的故事#连载16：打开Java世界大门的钥匙
  • （AtCoder Beginner Contest 340） -- F - S = 1 -- 题解
  • (C++17) std算法之执行策略 execution
  • （DFS + 剪枝）【洛谷P1731】 [NOI1999] 生日蛋糕
  • (Java数据结构)ArrayList
  • （八）Docker网络跨主机通讯vxlan和vlan
  • （二）Kafka离线安装 - Zookeeper下载及安装
  • (附源码)计算机毕业设计ssm-Java网名推荐系统
  • (回溯) LeetCode 131. 分割回文串
  • （利用IDEA+Maven）定制属于自己的jar包
  • （牛客腾讯思维编程题）编码编码分组打印下标题目分析
  • （七）Appdesigner-初步入门及常用组件的使用方法说明
  • （三）Hyperledger Fabric 1.1安装部署-chaincode测试
  • （三十五）大数据实战——Superset可视化平台搭建
  • （一）WLAN定义和基本架构转
  • (源码分析)springsecurity认证授权
  • (转贴)用VML开发工作流设计器 UCML.NET工作流管理系统