位置: 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免费模板网站总结(带网址)(前端 原生)

  • 缴纳以前年度所得税怎么做账
  • 印花税的申报依据是什么
  • 老板让我去分公司怎么拒绝
  • 企业所得税多缴退税规定
  • 缺少订单停工费用如何做账
  • 累计增长量可以为负数吗
  • 社保申报后不能缴费
  • 增值税专票税种
  • 租金和押金的税率
  • 企业所得税汇算清缴申报表
  • 厂房装修增值税税率
  • 公司配股后,会迅速提高公司股票市价
  • 企业收到投资者以外币投入的资本应当采用什么折算
  • 员工缴纳的工会会费可以税前扣除吗
  • 开出产品折扣的发票怎么入账?
  • 工业结转成本方法有哪些?
  • 事业单位乱报销出纳怎么办?
  • 水利基金按含税还是不含税申报
  • 合伙人未出资能成为合伙人吗
  • 文化事业建设费减免政策
  • 代理销售怎么记账
  • 企业购买原材料生产时企业还没有赚到钱
  • 差额发票如何缴纳增值税
  • 一人独资公司设立的条件
  • 成本核算的基本方法及适用范围
  • 主板类型大全
  • win11发热严重怎么解决
  • 出口退税的条件包括
  • 什么电脑系统比较好
  • mxoaldr.exe - mxoaldr是什么进程 有什么用
  • php变量定义的规则
  • linux桌面设置界面在哪
  • 简易征收增值税一般纳税人怎么报税
  • 金融企业存出保函的条件
  • 政府性基金收入怎么收
  • 原材料预付款如何做账
  • pdo php
  • php7 数组
  • 前端框架源码
  • 设置php扩展路径
  • php504错误
  • yolov5中使用的限制目标宽高的方法防止梯度爆炸
  • web数据可视化(Echars版)实训
  • 应收贷方有余额怎么调整
  • 小规模纳税人的增值税计入成本吗
  • 门窗安装属于土建还是安装?
  • 汇兑应该计入什么科目
  • 契税并入土地价值吗
  • 会计常用分录
  • 小规模纳税人免税会计分录
  • 去税务局流程
  • 制造费用的核算内容包括什么
  • 固定资产的期末余额反映固定资产原值的结余额
  • 产品质量问题扣款账务处理
  • 建筑行业有哪些生意可以做
  • 开了红字发票申请还要做进项税转出吗?
  • 旅行社代订的机票可以抵扣吗
  • 一般纳税人的进项税额可以抵扣吗
  • 期末损益类科目结转
  • 国际贸易单证有什么制单要求
  • sql2000怎么修改默认实例名
  • win10和os x el capitan分屏操作对比视频
  • linux服务器常用命令
  • win7自动更新在哪
  • linux网络接口配置命令
  • win7系统开机黑屏只有鼠标且打不开任务管理器
  • 苹果手机如何给视频添加字幕
  • python如何搭建环境
  • python进行统计分析
  • es6十大特性
  • nodejs apply
  • jquery.treegrid
  • jquery字体设置
  • 在css中
  • 以下关于android应用程序的目录结构描述中,不正确的是
  • 北京国税地税合并
  • 天津2020年契税征收标准
  • 河南2020年机构改革
  • 印花税应税凭证数量是什么意思
  • 税务备案表付汇日期是否可以提前
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设