首页 > 其他分享 >vue3——环境变量的配置

vue3——环境变量的配置

时间:2024-03-01 09:59:03浏览次数:31  
标签:APP 配置 production vite env vue3 test 环境变量 VITE

vue3环境变量的配置

  • 开发环境(development)
  • 测试环境(testing)
  • 生产环境(production)
    项目根目录分别添加 开发、生产和测试环境的文件!
.env.development
.env.production
.env.test

文件内容

变量必须以 VITE_ 为前缀才能暴露给外部读取

NODE_ENV = 'development'
VITE_APP_TITLE = '开发Title'
VITE_APP_BASE_API = '/dev-api'
NODE_ENV = 'production'
VITE_APP_TITLE = '生产Title'
VITE_APP_BASE_API = '/prod-api'
NODE_ENV = 'test'
VITE_APP_TITLE = '测试Title'
VITE_APP_BASE_API = '/test-api'

配置运行命令:package.json

 "scripts": {
    "dev": "vite --open",
    "build:test": "vue-tsc && vite build --mode test",
    "build:pro": "vue-tsc && vite build --mode production",
    "preview": "vite preview"
  },

通过 import.meta.env 获取环境变量

标签:APP,配置,production,vite,env,vue3,test,环境变量,VITE
From: https://www.cnblogs.com/flyLoong/p/18046284

相关文章

  • iterm2配置ssh自动登录
    iterm2ssh演示cmd+o打开服务器列表,方向键选择要登录的机器,回车,提示输入密码;option+cmd+f打开密码管理器,方向键选择密码,回车,即可登录;(这一步通过配置触发器其实可以省略,后面有介绍)此时若重复步骤1,借助ssh会话复制已不需要输入密码。开始服务器配置点击iterm2—>P......
  • Alfred5配置攻略
    目录下载安装包快捷键常用自带快捷键关键字常用自带KeyWord操作系统配置操作自定义工作流KeyWord配置快速打开运行特定软件浏览器方面参考网址 Alfred是一款屡获殊荣的macOS应用程序,可通过热键、关键字、文本扩展等功能提高您的效率。搜索您的Mac和网页,并通过自定义操作来控......
  • Vuex系列之(七)getters配置项
    getters配置项概念:getters配置项并不是必须要使用的,当state中的数据需要经过加工后再使用时,可以使用getters加工。应用场景:运算逻辑复杂而且需要复用,用于抽取基于state中数据的公共运算在store.js中追加getters配置......//准备getters——用于加工state中的数据cons......
  • Vue Router系列之(七)路由的props配置项
    路由的props配置项​ 路由组件读取其他组件传递的参数时,是通过$route.params.id这种方式读取的,$route.params部分代码冗余度高,如何能够降低这种冗余?props配置项可以做到​ 作用:让路由组件更方便的收到参数{ name:'xiangqing', path:'detail/:id', component:Detail,/......
  • 配置Gitlab支持SMTP发送邮件
    不配置SMTP都无法工作了目前的版本Gitlab16.9.0,管理员在创建用户的时候,管理员无法给用户指定初始密码。初始密码只能以邮件的形式,发送到用户的邮箱。因此有了此篇博文,为我们的Gitlab服务器做好正确的SMTP配置。找到Gitlab的config文件夹如果您的Gitlab,是根据我们的文章安装......
  • nginx 配置下载apk 页面
    nginx代理apk文件下载server{listen80;server_nameapp.com.cn;location/app{alias/var/www/app;autoindexon;default_typeapplication/octet-stream;}} alias指定虚拟......
  • vue3笔记 computed计算属性
    计算属性有缓存的,方法没有缓存下列的计算案例是只读的,不可修改的 上述代码为只读属性,优化后<scriptsetuplang="ts">import{ref,computed}from'vue'letname=ref("zhang")letxing=ref("sang")console.log(name.value)letfullName=compute......
  • Python环境安装与配置
    Python的安装(1)环境准备python是一门跨平台的语言,如Windows、Linux、MacOS等平台都能完美兼容,以下只对Windows平台安装做详细介绍。鼠标左键点击Python3.12.1,下滑至选中Windowsinstaller(64-bit),然后等待下载后安装(2)Python安装python安装非常简单,双击下载好的安装包,进入选......
  • Python环境安装与配置及Jupyter Notebook的环境配置
    找到Python的官网:https://www.python.org/选择Downloads选择想要的版本点击进去后下载安装勾选Useadminprivilegeswheninstallingpy.exe(安装py.exe时使用管理员权限)和Addpython.exetoPATH(PATH是Python的环境变量,Python在安装时会自动配置环境变量)有Installnow(......
  • Camstar配置Audit Trail
     打开AuditTrail配置器  使用Camstar账号登录  新建默认查询视图  点击右侧的FiledSelection,选择详情中需要展示的字段 点击保存 点击查询 点击详情......