首页 > 其他分享 >在vite中配置并使用环境变量

在vite中配置并使用环境变量

时间:2024-11-13 11:33:55浏览次数:1  
标签:development console log 配置 VITE env 环境变量 vite mode

1、配置环境变量,注意 要以“VITE“开头

(1)在.env.development中配置环境变量

VITE_APP_ENV= development

2、在vue文件中使用

<script setup lang="ts">
  console.log('环境:', import.meta.env)
</script>

  打印得结果:

{
    "BASE_URL": "/",
    "DEV": true,
    "MODE": "development",
    "PROD": false,
    "SSR": false,
    "VITE_APP_ENV": "development",
    "VITE_USER_NODE_ENV": "development"
}

 3、在vite.config.ts中使用

export default ({command,mode}) => {
  console.log("

标签:development,console,log,配置,VITE,env,环境变量,vite,mode
From: https://www.cnblogs.com/hwy6/p/18543453

相关文章

  • IRF堆叠基本配置
    IRF(堆叠配置)IRF(IntelligentResilientFramework,智能弹性架构)是H3C自主研发的软件虚拟化堆叠技术。它的核心思想是将多台设备通过IRF物理端口连接在一起,进行必要的配置后,虚拟化成一台“分布式设备”。使用这种虚拟化技术可以实现多台设备的协同工作、统一管理和不间断维护......
  • PyCharm连接远程服务器及配置解释器(配图手把手教)
    一、连接远程服务器1.找到配置点击Tools→Deployment→Configuration由于在社区版的PyCharm中没有找到Configuration,所以这里使用的是专业版2.新增一个SFTP的连接3.命名这里命名为ubuntu4.设置SSH连接Host:服务器的地址(虚拟机中输入ifconfig可以查看)Port: 22User......
  • 【VMware VCF】通过备份的配置文件还原 SDDC Manager 组件。
    之前在这篇文章(使用SFTP服务器备份VCF核心组件的配置文件。)中配置并备份了VCF环境中SDDCManager组件的配置文件,这篇文章接着这个主题,看看当SDDCManager组件因意外发生故障时,如何通过备份的配置文件进行还原和恢复。 一、检查SDDCManager执行还原之前,请确保SD......
  • MySQL 5.7.19 解压版安装配置详细教程
    MySQL5.7.19解压版安装配置详细教程1.软件下载首先,从MySQL官方网站下载MySQL5.7.19的解压版安装文件:下载地址:https://dev.mysql.com/get/Downloads/MySQL-5.7/mysql-5.7.19-winx64.zip2.特别说明如果你之前安装过MySQL,并且出现了错误或者想要重新安装,可以使用以......
  • 打包配置
    pom文件添加插件配置<build><plugins><plugin><groupId>org.apache.maven.plugins</groupId><artifactId>maven-surefire-plugin</artifactId><version>......
  • 【划重点】一文搞懂Webpack环境区分配置(12)
    在实际开发中,我们经常需要针对生产环境和开发环境分别书写webpack配置。为了更好地适应这种需求,webpack允许配置不仅可以是一个对象,还可以是一个函数。这样,开发者可以根据不同的环境返回不同的配置对象。1.使用函数作为配置module.exports=env=>{return{......
  • 环境变量提权实验
    环境变量提权PATH是Linux和Unix操作系统中的环境变量,它指定所有存储可执行程序的bin和sbin目录。当用户在终端中执行任何命令时,它会通过PATH变量来响应用户执行的命令,并向shell发送请求以搜索可执行文件。超级用户通常还具有/sbin和/usr/sbin目录,以便系统管理命令的执行。环......
  • Exadata系列之配置利器OECA
    OracleExadataConfigurationAssistant(OECA)是一款简便的配置工具,用于快速生成Exadata系统的推荐配置方案。它根据用户的需求和负载特点,自动推荐合适的硬件和存储配置,简化配置过程,并确保性能和可扩展性最佳。1.OECA工具下载并准备就绪2.使用OECA配置ExadataX7-2HC八分......
  • MyBatis及相关文件配置
    MyBatis是一款优秀的持久层框架,它支持定制化SQL、存储过程以及高级映射。以下是对MyBatis的详细讲解:一、MyBatis的起源与发展MyBatis最初是Apache的一个开源项目iBATIS,2010年迁移到GoogleCode并改名为MyBatis,2013年11月又迁移到GitHub。MyBatis的最新版本是3.5.13,发布于2023......
  • Linux搭建FTP服务器配置
    一、概念1.1介绍FTP:Filetransferprotocol文件传输协议端口TCP21:命令TCP20:数据1.2原理默认采用被动模式被动模式FTP为了解决服务器发起到客户的连接的问题,人们开发了一种不同的FTP连接方式。这就是所谓的被动方式,或者叫做PASV,当客户端通知服务器它处于被动模式时才启......