关于process.env.NODE_ENV的记录

最新推荐文章于 2023-10-19 09:58:53 发布
最新推荐文章于 2023-10-19 09:58:53 发布
阅读量598 收藏
点赞数 1
分类专栏： >>>>>前端技术和前端框架 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40629521/article/details/120696409
版权
博客讲述了在Vue项目中，如何通过process.env.NODE_ENV判断当前环境，如'development'或'production'。在vue-cli3.0创建的项目中，这个变量在运行'serve'和'build'命令时会自动设置。这个全局变量可以在项目中用于根据不同环境调整配置，例如测试和生产环境的文件上传路径。
摘要由CSDN通过智能技术生成

最近在写前端的时候发现了一句代码 process.env.NODE_ENV === 'development' 代码的意思就是如果是开发环境就执行以下的操作 但是我找了半天也没找到哪里设置的NODE_ENV 满头的疑惑

后来终于 皇天不负有心人 终于查到了 在此记录一下
在这里插入图片描述

在使用vue-cli3.0脚手架创建的Vue程序中 已经把process.env.NODE_ENV 配置好了

"serve": "vue-cli-service serve", //会默认把process.env.NODE_ENV设置为 'development'
"build": "vue-cli-service build", //会默认把process.env.NODE_ENV设置为 'production'

并且这个变量是全局的 项目中都可以使用到 还是很不错的 比如说有时候测试环境和正式环境文件上传地址不一样的话 就能使用到。

其他的先不深究 用到那再说

see ya！

故人偏爱云腴白
关注
专栏目录
uniapp里请求接口 配置process.env.NODE_ENV
qq_44173499的博客
03-01 7396
uniapp里请求接口 配置process.env.NODE_ENV 第一步：创建request.js文件，把请求数据的接口封装在一个方法中， 代码： Markup export function request(url, method, data, fu) { uni.request({ url: urlHard+url, method: method, data: data, success: (res) => { fu(r
Node.js中环境变量process.env的一些事详解
12-23
前言 最近这两天在和运维GG搞部署项目的事儿。碰到一个问题就是，咱们的dev，uat，product环境的问题。 因为是前后端分离，所以在开发和部署的过程中会有对后端接口的域名的切换问题。折腾了一下午，查询了各种资料这才把这Node环境变量process.env给弄明白。 下面这就做个问题解决的记录。希望能对这个不明白的人有所帮助。话不多说了，来一起看看详细的介绍吧。 Node环境变量 首先，咱们在做react、vue的单页应用开发的时候，相信大家对配置文件里的process.env并不眼生。 想不起来？ 黑人问号.jpg。 就是下面这些玩意儿。 从字面上看，就是这个 env属性，在
process.env.NODE_ENV详解
嘿嘿
05-10 2517
一、 process.env.NODE_ENV是什么？ 在node中，有全局变量process表示的是当前的node进程。 process.env包含着关于系统环境的信息，但是process.env中并不存在NODE_ENV这个东西。 NODE_ENV是一个用户自定义的变量，在webpack中它的用途是判断生产环境或开发环境。 为了查看 process的基本信息，我们可以在文件夹中 新建一个process.js文件，在里面加一句代码console.log(process);然后进入该文件夹，执行n
如何设置process.env.NODE_ENV
singularity（奇点）
03-29 6870
NODE_ENV是一个由 Node.js 暴露给执行脚本的系统环境变量。通常用于确定在开发环境还是生产环境(dev-vs-prod)下，服务器工具、构建脚本和客户端 library 的行为。 NODE_ENV会赋值给process.env对象，作为它的一个属性,其值通常为“production”（生产环境）和“development”（开发环境），或者“prod”和“dev”，以此来区分不同环境下的逻辑行为，例如： if(process.env.NODE_ENV === 'development'){
环境变量process.env.NODE_ENV详解
qq_30351747的博客
05-09 1万+
process.env.NODE_ENV
谈谈 process.env.NODE_ENV
qq_36437172的博客
08-09 4994
问题描述：项目环境一般会分为开发（dev）、测试（test）、生产（prod）三个环境。三个环境的接口中的 baseURL 地址都会有所区分，当我们将项目打包上线时，这是需要切换baseURL 地址，例如： export const config = { base_url: 'https://xcx.upal.cn/' // 上线服务器 base_url: 'http://140.143.134.216:8888/' //测试服务器 } 我们可以配置 package.json 中的脚本，设置.
深入理解webpack process.env.NODE_ENV配置
11-20
process.env包含着关于系统环境的信息。但是process.env中并不存在NODE_ENV这个东西。NODE_ENV是用户一个自定义的变量，在webpack中它的用途是判断生产环境或开发环境的依据的。 为了查看 process的基本信息，我们...
Node中环境变量process.env初探
前端劝退工程师
05-21 1796
process(进程) 在用vue开发时经常会用process.env做环境判断,比如： if(process.env.NODE_ENV === 'development'){ //给接口地址赋值之类的操作 } 所以想搞懂这个process到底是啥 官方文档解释 原来是node的一个全局对象啊！ process.env 那么env自然就是这个对象的一个属性了，再看官方文档 process.pro原来是用户环境 process.env.NODE_ENV NODE_ENV不是process.env对象
如何在Vue CLI上配置process.env环境变量
时清云的博客
08-25 6874
我们一般用process.env.NODE_ENV来区分开发环境和线上环境。 在开始本文之前，我先强调一下， process.env.NODE_ENV默认只有两种状态即development和production，development指开发环境，说白了就是本地开发即localhost环境（本地的开发），而production代表发布在任何服务上的服务（不管是dat、uat还是生产环境），node是不知道你服务是测试还是正式，除非你手动指定。通常认为都是线上环境。所以可以这样认为development代表本
process.env.NODE_ENV 全局变量
m0_60746035的博客
05-17 482
用于特殊情况 接口单独处理的情况，不属于请求封装的范围。例如本地环境须走代理，但有接口没统一封装，所以须区分环境类型 避免来回更改。是一个全局变量，可以通过它来获取当前的环境。来判断当前是线上环境还是本地环境。在 Vue 页面中，你可以使用。
Vue中.env|.env.development|.env.production文件说明
Amelian的博客
04-17 3万+
0.介绍 模式是Vue CLI项目中一个重要的概念，默认情况下，一个Vue CLI项目有三种模式： developemt 模式用于vue-cli-service serve test 模式用于vue-cli-service test:unit production 模式用于vue-cli-service build 和vue-cli-service test:e2e 当运行vue-cli-service命令时，所有的环境变量都从对应的环境文件中载入。如果文件内部不包含NODE_ENV变量，它的值取决
Vue.js - 判断当前是开发环境、还是生产环境（附样例）
LuckyTHP
03-08 2万+
1，判断样例 （1）有时我们需要在代码中判断目前项目是处于开发环境、还是生产环境，然后根据不同环境执行不同的逻辑代码。下面是一个简单的样例： if (process.env.NODE_ENV === "development") { alert("开发环境"); }else { alert("生产环境"); } （2）如果在开发环境（执行 npm run dev 的时候），则显示如下结果： （3）如果在生产环境（执行 npm run build 的时候），则显示如下结果： 2，判断原理 （1）
vue 项目环境变量设置
dearyang
06-26 1882
一、.env.development 开发环境 # 开发环境 # 环境标志 ENV = 'development' # 基础API VUE_APP_BASE_API = '/api' VUE_CLI_BABEL_TRANSPILE_MODULES = true 开发环境跨域代理 "use strict"; const path = require("path"); const defaultSettings = require("./src/settings.js"); functi.
关于线上或者生产环境上还能看到我的源代码得webpack配置
m0_59157023的博客
10-19 559
关于线上或者生产环境上还能看到我的源代码得webpack配置
vue2打包优化-小白也可快速上手的一套
请叫我欧皇！的博客
10-19 1922
需求：项目过大可以使用打包优化，减少项目体积，加速页面加载，增强用户体验，跟着步骤来即可实现，主要是vue2的打包优化，不是vue3，文章可能有点长，但是很实用哈哈，耐心看完~
SpringBoot+Vue2前后端项目配置ssl证书
weixin_45974277的博客
07-29 7104
springboot项目配置ssl证书
关于vue-element-admin中配置跨域问题的解决
热门推荐
weixin_44647865的博客
02-02 3万+
首先来看一下项目结构目录 我们可以看到.env.development和.env.production文件以及vue.config.js 这里是涉及到了接口的转发（我们可以看到base，base的意思是所有的请求前缀都会加上它） 重点来了（如何配置跨域） proxy: { [process.env.VUE_APP_BASE_API]: { target: 'http://127.0.0.1:3000/', ws: true, change
项目部署遇到的一些问题总结
Wion Wan
01-08 3689
项目开发中途决定采用的云效自动化部署，和本地环境还有一点差异，也遇到了一些问题，于是总结如下。 项目采用的VUE CLI3 构建 lintOnSave导致项目编译失败报错 本地的配置 lintOnSave 写的是开启，本地打包没问题，但是线上自动化打包就持续的报错，报错内容如下： vue-cli-service build- Building for production... ER...
uniapp切换process.env.NODE_ENV
最新发布
05-15
uni-app 中的 process.env.NODE_ENV 可以用来判断当前环境是开发环境还是生产环境。在开发过程中，我们可能需要在不同环境下使用不同的配置。常见的情况是，在开发环境中使用不同于生产环境的 API 地址。 在 uni-app 中，通过修改 `webpack` 配置文件的方式，可以实现切换 `process.env.NODE_ENV` 的值。具体来说，我们可以在项目根目录下找到 `vue.config.js` 文件，然后在其中增加如下配置代码： ``` module.exports = { configureWebpack: { devtool: 'source-map' }, chainWebpack: config => { config.plugin('define').tap(args => { args[0]['process.env'].NODE_ENV = JSON.stringify(process.env.NODE_ENV) return args }) } } ``` 上面的代码中，我们通过配置 `chainWebpack` 来修改 `process.env.NODE_ENV` 的值。当我们在开发环境中运行时，`process.env.NODE_ENV` 的值会被设置为 `"development"`；当我们在生产环境中运行时，`process.env.NODE_ENV` 的值会被设置为 `"production"`。 同时，为了能够让开发人员方便地查看代码的执行结果和错误信息，上面的代码还增加了 `devtool: 'source-map'` 配置，用于生成 source map。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值