位置: IT常识 - 正文

解析vue中的process.env(vue中的provide/inject)

编辑:rootadmin
解析vue中的process.env 一、介绍

推荐整理分享解析vue中的process.env(vue中的provide/inject),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue中process.env,vue中的provide/inject,vue中的provide/inject,vue的process,vue中的provide,vue process is not defined,vue中的provide,vue的process,内容如对您有帮助,希望把文章链接给更多的朋友!

1、process

process是 nodejs 下的一个全局变量,它存储着 nodejs 中进程有关的信息。

2、process.env

env 是 environment 的简称,process.env属性返回一个包含用户环境的对象。

3、dotenv

Dotenv 是一个零依赖的模块,它能将环境变量中的变量从 .env 文件加载到 process.env 中。

在终端中输入node进入node环境再输入process.env,可以打印出信息如下图: 、

二、使用1、在nodejs中使用

1、安装

npm install dotenv

2、根目录下创建 .env 文件

HOST = localhostPORT = 8080

3、入口文件中引入 dotenv 并使用

require("dotenv").config({path: '.env'})console.log(process.env.HOST); // localhostconsole.log(process.env.PORT); // 80802、在vue中使用解析vue中的process.env(vue中的provide/inject)

在使用脚手架创建项目的时候,会自动安装dotenv,可以从package-lock.json中找到配置

在main.js入口文件中打印

console.log(process.env);

可以看出,默认的模式是development即开发模式。

模式

官网描述如下:https://cli.vuejs.org/zh/guide/mode-and-env.html

也就是说,在Vue中, NODE_ENV 可以通过 .env 文件或者.env.[mode]文件配置。配置过后,运行 Vue CLI 指令( npm run dev(serve) ,npm run build )时,就会将该模式下的NODE_ENV载入其中了。而这些命令,都有自己的默认模式:

npm run dev(serve) ,其实是运行了 vue-cli service serve ,默认模式为 development 。可以在 .env.development 文件下修改该模式的 NODE_ENV 。npm run build ,其实运行了 vue-cli service build ,默认模式为 production 。可以在 .env.production 文件下修改该模式的 NODE_ENV 。

在根目录下创建文件

NODE_ENV = production

注意:只有 NODE_ENV,BASE_URL 和以 VUE_APP_ 开头的变量将通过 webpack.DefinePlugin 静态地嵌入到客户端侧的代码中。这是为了避免意外公开机器上可能具有相同名称的私钥。

NODE_ENV = developmentVUE_APP_BASE_API = 'http://localhost:8099/'

再打印 process.env的信息如下:

注意:.env 环境文件是通过运行 vue-cli-service 命令载入的,因此环境文件发生变化,你需要重启服务。

除了以上的修改方式外,也可以在命令后直接使用--mode参数手动指定模式。

本文链接地址:https://www.jiuchutong.com/zhishi/295901.html 转载请保留说明!

上一篇:基于web的网上图书商城的设计与实现/图书购物系统(基于web的网站设计与实现)

下一篇:前端原生Html免费模板网站总结(带网址)(前端 原生)

  • 烤箱预热多久多少度(烤箱预热)(烤箱预热大概多久)

    烤箱预热多久多少度(烤箱预热)(烤箱预热大概多久)

  • 转发别人的抖音会怎么样(转发别人的抖音别人会知道吗)

    转发别人的抖音会怎么样(转发别人的抖音别人会知道吗)

  • 表格变成绿色了怎么变成白色(表格变成绿色了怎么办)

    表格变成绿色了怎么变成白色(表格变成绿色了怎么办)

  • 苹果7p微信老是闪退(苹果7p微信老是闪退咋回事)

    苹果7p微信老是闪退(苹果7p微信老是闪退咋回事)

  • 电脑快捷键用不了是什么原因(电脑快捷键用不了怎么办)

    电脑快捷键用不了是什么原因(电脑快捷键用不了怎么办)

  • 不对称三角形连接负载能否正常工作(不对称三角形连接的相电流相量图)

    不对称三角形连接负载能否正常工作(不对称三角形连接的相电流相量图)

  • 快手拍视频怎么是黑白的(快手拍视频怎么变声音)

    快手拍视频怎么是黑白的(快手拍视频怎么变声音)

  • 和留言来电提醒是什么意思(和留言来电提醒怎么设置)

    和留言来电提醒是什么意思(和留言来电提醒怎么设置)

  • j0vi在手机里的功能(jovi语音怎么使用)

    j0vi在手机里的功能(jovi语音怎么使用)

  • 硬盘丢失是怎么回事(硬盘丢失是怎么回事儿)

    硬盘丢失是怎么回事(硬盘丢失是怎么回事儿)

  • airpods保修要发票吗(airpods保修要带盒子吗)

    airpods保修要发票吗(airpods保修要带盒子吗)

  • 集成测试和系统测试的区别

    集成测试和系统测试的区别

  • nova6顶部那个是红外吗(华为nova6顶部一个小孔和一个小点有什么功能?)

    nova6顶部那个是红外吗(华为nova6顶部一个小孔和一个小点有什么功能?)

  • 为什么苹果用不了soul(为什么苹果用不了讯飞键盘皮肤)

    为什么苹果用不了soul(为什么苹果用不了讯飞键盘皮肤)

  • 华为lldal30什么型号(华为lndal 30是什么型号)

    华为lldal30什么型号(华为lndal 30是什么型号)

  • 华为nova3i宽度(华为nova3i机身尺寸)

    华为nova3i宽度(华为nova3i机身尺寸)

  • 乐视花屏怎么办(乐视花屏怎么办解决)

    乐视花屏怎么办(乐视花屏怎么办解决)

  • iqoopro有没有线性马达(iqoo有pro吗)

    iqoopro有没有线性马达(iqoo有pro吗)

  • 怎么隐藏手机桌面图标(怎么隐藏手机桌面微信图标)

    怎么隐藏手机桌面图标(怎么隐藏手机桌面微信图标)

  • vue怎么设置照片速度(vue设置背景图片)

    vue怎么设置照片速度(vue设置背景图片)

  • 通过扫一扫添加的好友是咋回事(通过扫一扫添加的好友,对方没通过)

    通过扫一扫添加的好友是咋回事(通过扫一扫添加的好友,对方没通过)

  • 苹果id会备份备忘录吗(苹果id备份的东西在哪里找)

    苹果id会备份备忘录吗(苹果id备份的东西在哪里找)

  • 云闪付红包会过期吗(云闪付红包过期可以补发吗)

    云闪付红包会过期吗(云闪付红包过期可以补发吗)

  • x关机怎么关(x的关机键)

    x关机怎么关(x的关机键)

  • surface退出平板模式(微软平板电脑surfacego2怎么退出s模式)

    surface退出平板模式(微软平板电脑surfacego2怎么退出s模式)

  • 拼多多怎么合并付款(拼多多怎么合并退货)

    拼多多怎么合并付款(拼多多怎么合并退货)

  • 2022最新:TensorFlow各个GPU版本CUDA和cuDNN对应版本整理(最简洁)(2022最新廉洁警示语句)

    2022最新:TensorFlow各个GPU版本CUDA和cuDNN对应版本整理(最简洁)(2022最新廉洁警示语句)

  • uniapp制作pc端响应式布局——带开源前端【伸手党福利】【持续更新】(uniapp实战视频教程)

    uniapp制作pc端响应式布局——带开源前端【伸手党福利】【持续更新】(uniapp实战视频教程)

  • 一般纳税人缴纳增值税会计科目
  • 运输发票抵扣联丢了
  • 个人独资企业是有限责任还是无限责任
  • 个人抬头的发票可以报销吗
  • 三代手续费怎么申请返还
  • 申报美元出口以欧元收汇
  • 软件销售利润
  • 异地预缴增值税账务处理
  • 已报废的固定资产
  • 房地产增值税怎么算举例说明
  • 三证合一 更新
  • 收到社保中心的生育经贴怎么做账
  • 车船使用税应该交哪里的税
  • 纳税申报成功
  • 补缴所得税要调账吗
  • 金融资产的减少为什么记在贷方
  • 其他应交款和应交税费
  • 网上支付的三种类型
  • 企业合并以外
  • 外贸企业购进货物出口后,应退消费税应当贷记
  • 消费税征收范围注释
  • 实收资本印花税最新规定
  • 关于医疗服务质量的医疗服务要素
  • 新个税法规定的专项扣除包括住房公积金
  • 存商品入成原材料怎么改?
  • 政府授权国企为基建项目建设单位
  • win10系统出现蓝屏恢复
  • 实收资本不到位后果
  • 租金收入缴纳个税
  • laravel自动生成接口文档
  • 税后利润是股东权益吗
  • 企业购进固定资产其入账成本应包括
  • 解决方案啥意思
  • 如何收取会员会费才合法
  • mmdetection optimizer
  • 小规模纳税人实收资本印花税怎么算
  • php十进制转二进制算法
  • smarty模板数学运算示例
  • 共识算法主要解决什么问题
  • 2021年车辆检测
  • 公司进行清算
  • 跨年的发票可以退税吗
  • java mongodb模糊查询
  • 固定资产清理净损益怎么计算出来的
  • 无偿受让股权是利好吗
  • 公允价值变动损益借贷方向增减
  • 会计六大类会计科目
  • 标书费没有发票合理吗
  • 建筑施工企业会计第三版单旭课后题答案
  • 贴现的利息通过什么会计科目核算
  • 自产的产品用于管理部门
  • 流动资产周转率和总资产周转率
  • 建筑业发票可以抵扣制造业进项
  • 进项税适用税率
  • 会计中的记账是什么意思
  • Linux系统下Mysql使用简单教程(一)
  • win7系统浏览器怎么设置
  • xp系统安装软件参数不正确怎么解决
  • wcu.exe是什么
  • win7更改win10系统要怎么更改
  • ubuntu18.04配置
  • linux ifcon
  • xbox无法连接无线网络
  • macbook怎样充电
  • fcbzmgr.exe
  • win7系统如何添加打印机
  • win7命令提示符在哪
  • cocos-creator
  • jquery对动态生成的进行操作
  • 使用nodejs中httpProxy代理时候出现404异常的解决方法
  • perl linux命令
  • jquery常用api
  • jquery实现(textarea)placeholder自动换行
  • nodejs快速入门
  • unity中物体移动代码
  • Android GridView属性集合
  • 收到农产品普通发票怎么抵扣
  • 如何挑选烟叶等级
  • 地税局网上报税
  • 襄城是现在的哪个城市
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设