位置: IT常识 - 正文

vite .env环境变量配置(vericut9.0环境变量)

编辑:rootadmin
vite .env环境变量配置 官方文档https://cn.vitejs.dev/config/1. .env.development和.env.production(放在根目录下,一定看清楚别放在SRC下)

推荐整理分享vite .env环境变量配置(vericut9.0环境变量),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vericut环境变量,vericut9.0环境变量,vericut环境变量lshost,vericut9.0.1环境变量,vericut9.0.1环境变量,env.production环境变量可以配置多个吗,vericut环境变量lshost,env环境变量修改,内容如对您有帮助,希望把文章链接给更多的朋友!

        默认情况下,开发服务器 (dev 命令) 运行在 development (开发) 模式,而 build 命令则运行在 production (生产) 模式。

        在某些情况下,若想在 vite build 时运行不同的模式来渲染不同的标题,你可以通过传递 --mode 选项标志来覆盖命令使用的默认模式。例如,如果你想在 staging (预发布)模式下构建应用:

vite build --mode staging

使用vite环境变量命名必须以VITE_开头否则无法识别

.env.development

# 本地环境NODE_ENV = 'development'#本地环境接口地址VITE_BASE_URL = 'https://mock.apifox.cn/m1/2303444-0-default'

.env.production

# 生产环境NODE_ENV = 'production'#生产环境接口地址VITE_BASE_URL = 'https://mock.apifox.cn/m1/2303444-0-default'2. vite弃用了process.env改用import.meta.env(vite.config.js中不能使用import.meta.env)vite .env环境变量配置(vericut9.0环境变量)

Vite 在一个特殊的 import.meta.env 对象上暴露环境变量。这里有一些在所有情况下都可以使用的内建变量:

import.meta.env.MODE: {string} 应用运行的模式。

import.meta.env.BASE_URL: {string} 部署应用时的基本 URL。他由base 配置项决定。

import.meta.env.PROD: {boolean} 应用是否运行在生产环境。

import.meta.env.DEV: {boolean} 应用是否运行在开发环境 (永远与 import.meta.env.PROD相反)。

import.meta.env.SSR: {boolean} 应用是否运行在 server 上。

3. vite.config.js中使用环境变量地址进行跨域

环境变量通常可以从 process.env 获得。

注意 Vite 默认是不加载 .env 文件的,因为这些文件需要在执行完 Vite 配置后才能确定加载哪一个,举个例子,root 和 envDir 选项会影响加载行为。不过当你的确需要时,你可以使用 Vite 导出的 loadEnv 函数来加载指定的 .env 文件。

js

import { defineConfig, loadEnv } from 'vite'export default defineConfig(({ command, mode }) => { // 根据当前工作目录中的 `mode` 加载 .env 文件 // 设置第三个参数为 '' 来加载所有环境变量,而不管是否有 `VITE_` 前缀。 const env = loadEnv(mode, process.cwd(), '') return { // vite 配置 define: { __APP_ENV__: env.APP_ENV, }, }})

配置跨域

export default defineConfig(({mode}) => { const env = loadEnv(mode, process.cwd()); return ({ plugins: [vue()], resolve: {}, server: { port: 8088, proxy: { '/api': { target:env.VITE_BASE_URL, changeOrigin: true, rewrite: (path) => path.replace(/^\/api/, '') } } } })})
本文链接地址:https://www.jiuchutong.com/zhishi/295298.html 转载请保留说明!

上一篇:el-upload组件的文件回显功能和添加文件到elupload组件(elementui的upload组件详解)

下一篇:用jQuery实现轮播图——超简单(代码解释)(jquery制作轮播切换效果)

  • 华为nova9pro处理器是什么(华为nova9pro处理器相当于骁龙多少)

    华为nova9pro处理器是什么(华为nova9pro处理器相当于骁龙多少)

  • 10010查流量发什么数字(10010流量查询电话)

    10010查流量发什么数字(10010流量查询电话)

  • vivox50微信视频带美颜功能吗(vivox50微信视频没有声音)

    vivox50微信视频带美颜功能吗(vivox50微信视频没有声音)

  • qq可以买赞吗(qq可以买点赞吗)

    qq可以买赞吗(qq可以买点赞吗)

  • 淘宝买的素材能商用吗(淘宝买的素材能做书本内容吗)

    淘宝买的素材能商用吗(淘宝买的素材能做书本内容吗)

  • qq被拉黑是不是不显示在线(qq被拉黑是不是看不到个性签名)

    qq被拉黑是不是不显示在线(qq被拉黑是不是看不到个性签名)

  • 迅雷回收站怎么恢复(迅雷回收站还原在哪里)

    迅雷回收站怎么恢复(迅雷回收站还原在哪里)

  • 蓝光碟和dvd的区别(蓝光碟和dvd的区别在哪)

    蓝光碟和dvd的区别(蓝光碟和dvd的区别在哪)

  • 荣耀20s可以开空调吗(荣耀20s开空调)

    荣耀20s可以开空调吗(荣耀20s开空调)

  • 录屏能录到外部声音吗(录屏可以录到外界的声音吗)

    录屏能录到外部声音吗(录屏可以录到外界的声音吗)

  • 华为13mp是什么型号(华为手机13mp的价格f1.8的价格)

    华为13mp是什么型号(华为手机13mp的价格f1.8的价格)

  • 华为手机上面的小孔是什么(华为手机上面的通知栏拉不下来)

    华为手机上面的小孔是什么(华为手机上面的通知栏拉不下来)

  • 港版a1661是全网通吗(港版a1865)

    港版a1661是全网通吗(港版a1865)

  • gsp文件用什么打开(gsp文件用什么软件打开)

    gsp文件用什么打开(gsp文件用什么软件打开)

  • 抖音怎么剪辑一半音乐(抖音怎么剪辑一段有音乐一段没有音乐的视频)

    抖音怎么剪辑一半音乐(抖音怎么剪辑一段有音乐一段没有音乐的视频)

  • 苹果xr铃声怎么设置(苹果xr铃声怎么取消静音模式)

    苹果xr铃声怎么设置(苹果xr铃声怎么取消静音模式)

  • 抖音怎么解除青少年模式(抖音怎么解除青少年密码)

    抖音怎么解除青少年模式(抖音怎么解除青少年密码)

  • 拼多多销量是月销量吗(拼多多销量是月销还是累计)

    拼多多销量是月销量吗(拼多多销量是月销还是累计)

  • 如何往kindle里导入书籍(如何往kindle里导入电子书)

    如何往kindle里导入书籍(如何往kindle里导入电子书)

  • 手环时间不对怎么设置(手环时间不对怎么调回来)

    手环时间不对怎么设置(手环时间不对怎么调回来)

  • 钉钉虚拟定位会被发现吗(钉钉虚拟定位会被管理员看出来真实位置吗)

    钉钉虚拟定位会被发现吗(钉钉虚拟定位会被管理员看出来真实位置吗)

  • 安卓手机怎么连接carplay(安卓手机怎么连车机)

    安卓手机怎么连接carplay(安卓手机怎么连车机)

  • Win10自带的重装系统(win10自带的重装能彻底清除上网记录和u盘记录吗)

    Win10自带的重装系统(win10自带的重装能彻底清除上网记录和u盘记录吗)

  • 代销商品的手续费税率是多少
  • 税款征收方式是指
  • 交易性金融资产公允价值变动计入
  • 事业单位装修费用
  • 赠品不开票如何做账
  • 建筑行业预缴增值税可以用进项抵缴吗
  • 公司股权关系怎么填写
  • 报税软件费用可以退吗
  • 发票为啥一直显示上传不成功
  • 退回的税款如何做账
  • 房地产中心
  • 建安企业增值税预缴
  • 计提的利息汇算清缴前没发放,需要交企业所得税吗
  • 公司代缴员工个税
  • 小规模红字发票怎么做账务处理
  • 外来经营活动需要提供什么资料?
  • 金融公司一般有哪些业务
  • 开票系统维护费可以全额抵扣吗
  • 金税盘年费如何做账
  • 什么情况下要交增值税
  • 委外开发费用可以加计扣除吗
  • 职工的经济补偿金是优先债权吗
  • 出口货物国际运输流程图
  • 延期收款利息如何算
  • 贷款利率计算公式表格
  • 事业基金的主要账务处理
  • centos6.5下载
  • 阻止电脑系统更新设置在哪
  • PHP:Memcached::touchByKey()的用法_Memcached类
  • php中meta
  • 公司给员工发放的福利都要扣个税吗
  • 增值税直接减征的开什么发票
  • 股票红利税如何收
  • 其他应收款超过一年是12个月吗?
  • 计提摊销的分录
  • 转让股权怎么做分录
  • PHP:imagefontwidth()的用法_GD库图像处理函数
  • yolov5最新版
  • 玻璃深加工企业排名
  • 研发支出什么时候转管理费用
  • 矿山征收
  • 账户利息怎么计算
  • 帝国cms整合Elasticsearch
  • 销售折扣单独开票的会计分录
  • 个人独资企业最新税收政策
  • 信息采集是哪个部门负责
  • mysql 的load data infile
  • 汇算清缴纳税调整需要做账吗
  • 会计学中管理费用是什么
  • 收到上年度所得税返还会计分录
  • 房地产企业城建税和教育费附加怎么算
  • 收到对方的银行承兑汇票
  • 如何做好工程后期维保
  • 购买材料如何计提折旧
  • win8.1怎么安装appx没有许可证
  • win10系统jdk环境变量
  • Win7系统不小心将TCP/IP协议卸载如何重新安装?
  • 怎么取消win8.1开机密码
  • xp电脑状态栏跑到左边了怎么设置回来
  • mac怎么打开macintosh
  • linux lsof命令详解
  • android framework.jar
  • bootstrap怎么引用
  • java timer
  • 对qucik cocos2dx lua SocketTCP的再一次封装,导入全局实例,包含自定义事件
  • unity导出exe文件
  • egret引擎基础入门
  • unity shader lod
  • 如何改变this指向
  • js 浏览器全屏
  • javascript语法术语
  • 自定义右键属性是什么
  • jquery提供了三种删除节点的方法,分别是什么
  • 深入理解计算机系统
  • jQuery Easyui datagrid/treegrid 清空数据
  • 重庆地方税务局刘飞虎
  • 电子税务局申报表在哪里查询
  • 深圳市国税局咨询电话是多少
  • 财税咨询服务内容包括
  • 税务筹划企业所得税案例分析题
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设