vue+ts vite环境项目取不到process 解决方法

news2024/11/24 6:25:12

在tdesign文档中用官方的解决方案创建了一个 vue2+ts项目
用的配置文件是 vite.config.js

这里 我做了一个简单的多环境配置
在这里插入图片描述
当我在js中 使用

console.log(process.env.VITE_APP_BASE_URL)

代码会直接白屏 然后 报错内容大概就是 process 这个属性拿不到
在这里插入图片描述
在vite中 我们改成了这样的获取方式

import.meta.env

我们可以在ts文件中输出

console.log(import.meta.env)

就能顺利的拿到环境变量
在这里插入图片描述
而在vite.config.js中 export default 的函数 可以接收一个行参
我们可以通过这种方式
在这里插入图片描述
拿到process中的内容

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1100664.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【 OpenGauss源码学习 —— 列存储(CU)(一)】

列存储(CU) 概述cstore 存储单元结构(CU)CU 类CU 的构造函数Reset 函数 CU::CheckCrc 函数CU::GenerateCrc 函数CU::AppendValue 函数CU::AppendCuData 函数 声明:本文的部分内容参考了他人的文章。在编写过程中&#…

win10如何取消文件夹分组

问题描述 最近不知道把哪里碰了,win10文件夹显示的文件都是按照日期分组了,很讨厌。如下图所示 修改方法 1、文件夹空白处-右击 2、分组依据(P)-选择(无)(N) 下面是操作好之后的效果图 结束 -----华丽的分割线,以下是凑字数,大…

嵌入式实时操作系统的设计与开发(aCoral线程学习)

真正的RTOS,基本上没有做到进程,只是停留在多线程,因为多进程要解决很多问题,且需要硬件支持,这样就使得系统复杂了,从而就可能影响系统实时性。 线程之间是共享地址的,也就是说当前线程的地址…

损失函数总结(一):损失函数介绍

损失函数总结(一):损失函数介绍 1 引言2 损失函数是什么3 为什么要使用损失函数4 总结 1 引言 在网络模型进行训练时,激活函数、损失函数、优化器都会成为影响模型最终效果的关键因素。其中,激活函数和损失函数根据任…

vue3 v-md-editor markdown编辑器(VMdEditor)和预览组件(VMdPreview )的使用

vue3 v-md-editor markdown编辑器和预览组件的使用 概述安装支持vue3版本使用1.使用markdown编辑器 VMdEditor2.markdown文本格式前端渲染 VMdPreview 例子效果代码部分 完整代码 概述 v-md-editor 是基于 Vue 开发的 markdown 编辑器组件 轻量版编辑器 轻量版编辑器左侧编辑…

智慧党建小程序源码系统+在线答题考试二合一 带完整的搭建教程

大家好,今天来给大家分享一个智慧党建小程序源码系统。以下是部分核心代码图: 系统特色功能一览: 积分体系:党员可以通过完成各种党建活动,如学习党的理论知识、参加组织生活、开展志愿服务等获得积分,积分…

【JVM】synchronized与锁升级

文章目录 1. synchronized锁优化背景2. synchronized锁性能优化过程2.1 java5以前2.2 monitor锁2.3 java6开始 3. 无锁4. 偏向锁4.1 背景4.2 理论落地4.3 技术实现4.4 偏向锁的撤销4.5 题外话 5. 轻量级锁5.1 轻量级锁的加锁5.2 轻量级锁的释放5.3 锁升级 6. 重量级锁7. 锁升级…

本地安装telepresence,访问K8S集群 Mac(m1) 非管理員

kubeconfig 一.安装telepresence 1.安装 Telepresence Quickstart | Telepresence (1)brew install datawire/blackbird/telepresence 2.配置 目录kubectl 将使用默认的 kubeconfig 文件:$HOME/.kube/config 创建文件夹&…

集成电路CD40161-多功能计数器和分频器的重要性 | 百能云芯

在电子电路和数字系统设计中,CD40161是一款常用的集成电路(IC)元件。它是一个多功能的计数器和分频器,具有广泛的应用领域。云芯将带您深入解释CD40161的功能、特点、应用以及未来前景,帮助您更好地了解这一电子元件。…

小程序开发平台源码系统+全功能小程序商城功能 带前后端完整搭建教程

今天来给大家介绍一下小程序开发平台源码系统的全功能小程序商城功能。全功能小程序商城是一种基于微信平台开发的电子商务应用,它通过小程序商城为商家提供了一站式电子商务解决方案,帮助商家实现线上购物的便利。下面是部分核心代码图: 系统…

玩转代码| Vue 中 JSX 的特性,这一篇讲的明明白白

目录 什么时候使用JSX JSX在Vue2中的基本使用 配置 文本插值 条件与循环渲染 属性绑定 事件绑定 v-show与v-model 插槽 使用自定义组件 在method里返回JSX JSX是一种Javascript的语法扩展,即具备了Javascript的全部功能,同时又兼具html的语义…

八、单臂路由实验

拓扑图: 单臂路由的特点,基于VLAN实现在一个路由器同一个端口下,不同网段相互通讯 首先对各个PC机ip配置完毕 进入SW1,首先创建vlan 10 20 进入2 3口配置access分别允许10 20通过,进入1 4口配置trunk允许10和20通过 …

小程序开发平台源码系统——美容美发行业小程序功能 带完整搭建教程

今天来给大家介绍一下小程序开发平台其中的美容美发行业小程序开发的功能。在我们现在的日常生活中,美容美发行业都无处不在,而创建一个小程序可以帮助美容美发店更好地进行营销推广。通过在小程序中发布优惠活动、打折信息等,可以吸引更多的…

SAP ME21N\ME22N\ME23N采购订单增强:抬头、行项目取值处理

采购订单增强:ME_PROCESS_PO_CUST 抬头: HEADERDATA: ls_mepoheader TYPE mepoheader.ls_mepoheader im_header->get_data( ). 行项目: ITEMDATA: ls_mepoitem TYPE mepoitem,ls_customer TYPE mepo_badi_exampl,ls_tbsg TYPE tb…

yolov8训练自定义目标检测模型

本文使用Ultralytics的python API进行模型训练,适用于yolov8小白入门,大佬请忽略本文 笔者也是昨天开始学习的小白,如有错误希望多多指正 目录 准备数据集 python安装yolov8 配置yaml 从0开始训练 从预训练模型开始训练 准备数据集 …

Matlab论文插图绘制模板第120期—分组气泡云图

​在之前的文章中,分享了Matlab气泡云图的绘制模板: 进一步,再来分享一下分组气泡云图。 先来看一下成品效果: 特别提示:本期内容『数据代码』已上传资源群中,加群的朋友请自行下载。有需要的朋友可以关注…

【Vue】vue在Windows平台IIS的部署

系列文章 【C#】IIS平台下,WebAPI发布及异常处理 本文链接:https://blog.csdn.net/youcheng_ge/article/details/126539836 【Vue】vue2与WebApi跨域CORS问题 本文链接:https://blog.csdn.net/youcheng_ge/article/details/133808959 文章目…

新闻发稿多少钱一篇?轻松发布新闻一站式发稿服务平台

随着互联网的发展,新闻发布成为企业和个人宣传推广的重要手段之一。而在选择新闻发稿平台时,费用是一个关键因素。对于很多人而言,关心的问题是:新闻发稿多少钱一篇?是否有平价的选择?在这个方面&#xff0…

前端开发中的try...catch

首先try...catch 结构可以用来处理 Promise 中的异常。在 JavaScript 中,Promise 提供了一种处理异步操作的机制,并且可以通过 .catch() 方法捕获并处理异步操作中抛出的异常。 async function someAsyncFunction() {try {const result await someProm…

LPWAN产业何时才能真正爆发?

导读: 虽然LPWAN目前还有重重困难,但是我们有充分的理由相信LPWAN即将爆发的趋势不变,当然,因为LPWAN是一个技术流派繁多的市场,除了LoRa、NB-IOT、eMTC还有RPMA、ZETA等等众多的技术流派,对于应用企业而言…