vue中 process.env 对象为空对象问题

已于 2023-12-08 16:35:57 修改
阅读量530 收藏 1
点赞数 1
分类专栏： 前端 javascript vue 文章标签： vue.js 前端 javascript
于 2023-11-08 17:26:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiangjunyuan168/article/details/134294313
版权
前端 同时被 3 个专栏收录
117 篇文章 7 订阅
订阅专栏
vue
79 篇文章 0 订阅
订阅专栏
javascript
59 篇文章 1 订阅
订阅专栏

问题：今天在处理vue项目环境问题的时候，发现直接打印 process 对象和打印 process.env 时 env 对象输出结果是不一样的，如下图所示：
在这里插入图片描述
在这里插入图片描述

在网上搜索了一番后发现还是有挺多朋友对此感到疑惑的，询问了同事，同事说可能是node环境和浏览器环境有差异的原因，但具体原因尚不清楚，所以在使用的时候应该通过 process.env 的方式查看 env 对象的内容。

如果有懂的兄弟欢迎评论区解答

👇觉得有帮助的朋友可以支持下作者哦，您的鼓励是我创作的最大动力，如有开发问题可联系作者请添加图片描述

Jiang_JY
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Node.js中环境变量process.env的一些事详解
10-19
主要给大家介绍了关于Node.js中环境变量process.env的一些事，文中通过示例代码介绍的非常详细，对大家学习或者使用node.js具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
process.env获取为undefined解决
学习记录
02-28 5223
解决process.env属性获取的值为undefined
环境变量配置，process.env无法成功获取变量
sgdsffasd的博客
07-02 3642
process.env无法获取环境变量
vue process.env获取不到_数据动态过滤技巧在 Vue 项目中的实践
weixin_39620535的博客
12-12 3232
作者简介：钱昱多年前端工作经验 《JavaScript 设计模式精讲》 作者，主要分享前端方面技术博客 csdn：CSDN-个人空间这个问题是在下在做一个 Vue 项目中遇到的实际场景，这里记录一下我遇到问题之后的思考和最后怎么解决的(老年程序员记性不好 -。-)，过程中会涉及到一些Vue源码的概念比如 $mount、 render watcher等，如果不太了解的话可以瞅瞅 Vue源码阅读系...
vue中 process.env.XXX环境变量不生效（获取不到数据）
zlfjavahome的专栏
06-20 5691
vue中 process.env.XXX环境变量不生效（获取不到数据）
vue 使用process 踩坑
qyx189573的博客
02-22 4187
配置全局process 变量 在项目目录下新建文件 .env.xxx xxx是运行环境的名字 .env.devlopment 是默认运行的环境 devlopment .env.production 运行环境是production 生成环境 在packe.json中 "scripts": { "serve": "vue-cli-service serve",//默认运行devlopment "dev": "vue-cli-service serve --mode production",//-
解决process.env值为undefined
qq_53588618的博客
06-09 2249
检查使用属性是否写为process.env.属性名，例如process.env.VUE_APP_JIEKOU。检查创建的配置文件里属性名是否以VUE_APP_XXX，例如VUE_APP_JIEKOU。检查是否安装依赖process模块，可以使用npm install process命令。可以找个页面做控制台打印console.log(process.env);看看当前配置里是否有VUE_APP_JIEKOU当前你定义的属性。检查创建的.env.文件名是否在根目录下。
vue碰到的问题及解决方案
恋空的博客
05-14 453
1.跨域请求 （1）解决方案一： nginx配置跨域。 （2）解决方案二： vue配置跨域 proxy: { '/api': { target: process.env.VUE_APP_API_URL, changOrigin: true, // 允许跨域 pathRewrite: { '^/api': '' } } } // 创建axios实例 const service = axios.create({ baseURL: '/api',.
vue3 项目不支持使用 process.env 变量 process is not defined
c327127960的博客
02-09 6192
vue3 项目不支持使用 process.env 变量 process is not defined
vue环境变量配置 解决process.env取值undefind的问题
weixin_44132285的博客
12-14 1万+
1.设置环境变量（开发环境，生产环境） 在如下图文件中设置环境变量 环境变量设置格式必须为 VUE_APP_XXX 生产环境设置的环境变量在打包时候可以生效，开发环境的环境变量在开发的时候可以访问到 2.设置完环境变量取值时候会发现undefined,此时我们需要在package.josn中配置打包和启动的模式 npm run serve的时候取的是devlopment设置的环境变量 num run build 的时候取的是production设置的环境变量 当webpack文件更改时 切记要重启项目获
vue-cli-plugin-env:从vue.config.js文件定义环境常量
05-01
vue-cli-plugin-env 从vue.config.js文件定义环境常量 yarn add --dev vue-cli-plugin-env vue.config.js module . exports = { pluginOptions : { env : { MY_KEY : 'foo' , SECRET : 5566 } } } main.js console . log ( process . env . MY_KEY ) // 'foo' console . log ( process . env . SECRET ) // 5566
深入浅析vue中cross-env的使用
12-03
cross-env cross-env是跨平台设置和使用环境变量的脚本。 在大多数Windows命令行中在使用NODE_ENV = production设置环境变量时会报错。同样，Windows和Linux命令如何设置环境变量也有所不同。 使用 cross-env 可以设置在不同的平台上有相同的NODE_ENV参数。 使用 安装 npm install cross-env --save-dev package.json "scripts": { "serve": "cross-env NODE_ENV=development vue-cli-service serve --open
vue.config.js常用配置详解
12-13
使用vue-cli3.0搭建项目比之前更简洁，没有了build和config文件夹。 vue-cli3的一些服务配置都迁移到CLI Service里面了，对于一些基础配置和一些扩展配置需要在根目录... publicPath: process.env.NODE_ENV === 'prod
【无标题】process.env.NODE_ENV为undefined
God_pigs的博客
07-31 2513
实践中遇到的小问题
vue process.env获取不到_从文档开始,重学vue(下)源码级别
weixin_39726131的博客
12-13 5099
此篇文章主要是从应用及源码层面讲解vue部分常用api,阅读起来可能略有难度,新手可以看《从文档开始,重学vue(上)》示例代码均在vue-cli3中完成Vue.extend()可以使用 extend 创建一个子类,该方法通常用于构建全局组件,如弹框组件等,下面我们就用它来制作个全局alert组件吧首先我们需要一个alert.vue组件,组件很简单就接受一个参数,然后有两个控制显示隐藏的...
vue process.env获取不到_45. 聊聊 Vue 的生命周期
weixin_39525617的博客
12-12 1973
Vue 的生命周期指的是组件从创建到销毁所经历的一系列的过程，在这个过程中，Vue 提供了一些生命周期的钩子函数，使得我们能够在其各个生命阶段有机会执行额外的任务。Vue 一共有 4 个生命周期的阶段，分别是创建(Create)、挂载(Mount)、更新(Update)和销毁(Destroy)阶段，每个阶段都对应前(beforeXxx)和后(xxxed)两个生命周期的钩子函数。Creat...
vue中如何添加自定义环境变量 ，process.env取值报错undefined
铁锤妹妹的博客
05-31 1万+
一. 前言 我们在做vue单页应用的时候,会发现配置文件里有procsss.env字段 如果手动修改代码中加载配置文件的路径也可以，但是太麻烦，最重要的是很low 依靠环境变量,标记服务器,这样就可以根据不同的环境,配置不同环境下我们所需要的东西。 例如：后端接口的域名。 二. process.env(环境变量) console.log(process.env)；// 可以自己打印试试 process.env属性会返回包含用户环境的对象。通俗来讲，该属性可以返回项目运行环境的信息。 三. 配置环境变
process.env详解
热门推荐
sxy705242410的博客
12-10 5万+
process.env 为何物 言归正传。 process.env 是 Node.js 中的一个环境对象。其中保存着系统的环境的变量信息。可使用 Node.js 命令行工具直接进行查看。 而 NODE_ENV 就是其中的一个环境变量。这个变量主要用于标识当前的环境（生产环境，开发环境）。默认是没有这个环境变量的，需要自己手动配置。不同系统有不同的环境变量配置方式，在这里就不多加赘述。 NODE_ENV 与 Vue NODE_ENV 变量只能在系统中配置吗？其实不然。在 Vue 项目中， Vue 提供了自己
HOW - Canvas 入门系列之基于vue-konva的多维表格（四）
最新发布
weixin_58540586的博客
05-17 1185
今天我们将将基于vue-konva 实现的一个表格渲染的组件。
vue 中process.env
08-16
在Vue中，可以使用process.env来获取环境变量。例如，在Vue的配置文件中，可以使用process.env.NODE_ENV来判断当前环境是否为开发环境或生产环境，从而配置不同的行为。比如，可以根据环境变量来设置不同的API请求地址： ``` const apiUrl = process.env.NODE_ENV === 'production' ? 'http://api.production.com' : 'http://api.development.com'; ``` 这样可以根据当前环境来选择不同的API地址。另外，process.env还可以用于其他一些配置，比如设置不同的数据库连接参数、日志输出等。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [NodeJs/Vue项目中对process.env的使用](https://blog.csdn.net/qq_40963664/article/details/88016586)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值