Vue 设置 ‘NODE_ENV‘ 的环境切换

最新推荐文章于 2024-05-02 00:30:00 发布
最新推荐文章于 2024-05-02 00:30:00 发布
阅读量997 收藏
点赞数
文章标签： vue.js vscode npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010421955/article/details/125170471
版权

Vue 设置 ‘NODE_ENV’ 的环境切换

1.npm 安装 cross-env插件

vscode控制台直接安装

npm install cross-env

2.修改package.json文件

"scripts": {
  "dev:debug": "cross-env NODE_ENV=debug vue-cli-service serve",
  "dev": "cross-env NODE_ENV=prod vue-cli-service serve",
  "build:debug": "cross-env NODE_ENV=debug vue-cli-service build",
  "build": "cross-env NODE_ENV=prod vue-cli-service build",
  "lint": "vue-cli-service lint"
},

cross-env NODE_ENV=debug 这样设置就可以在项目中判断为debug环境

运行项目

npm run dev:debug 当前为debug环境运行项目

打包项目

npm run build:debug 当前为debug环境打包项目

Ushino
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Node.js中环境变量process.env的一些事详解
10-19
主要给大家介绍了关于Node.js中环境变量process.env的一些事，文中通过示例代码介绍的非常详细，对大家学习或者使用node.js具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
vue项目使用.env文件配置全局环境变量的方法
10-16
主要介绍了vue项目使用.env文件配置全局环境变量的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue 更改NODE_ENV，根据不同环境打包到不同的文件夹下
榴莲不好吃的专栏
05-24 2万+
下面拿vue项目做个改动 1.安装cross-env cnpm icross-env -D 2.package.json配置不同环境下打包的命令 { ... "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "build":...
关于node设置 node_env
06-07 1951
** windows ** 当我们使用powershell 启动node的时候 需要使用 $env:NODE_ENV="production" ; node ./index.js 如果使用CMD 启动node的时候 需要使用 set NODE_ENV=production ; node ./index.js MAC export NODE_ENV=production && node ./index.js ...
NodeJS 的环境变量： 开发环境vs生产环境
最新发布
大剑师兰特的GIS世界
05-02 897
设置环境变量 - **开发环境**: 在本地开发时，可以在启动应用前设置 `NODE_ENV=development`。 - **生产环境**: 在部署到服务器时，设置 `NODE_ENV=production`。
配置项目环境变量NODE_ENV
weixin_50367873的博客
09-13 1469
const NODE_ENV = process.env.NODE_ENV; 下载插件 npm i cross-env -D pro.env.js module.exports = { NODE_ENV: '"production"', ENV_CONFIG: '"dep"', BASE_API: '"http://xxxxx/admin"' } 综合 const NODE_ENV = process.env.NODE_ENV; switch (NODE_ENV) { case 'prod
nodejs设置NODE_ENV环境变量（1）
weixin_34289744的博客
03-09 1393
看下app.js文件中的一部分代码，如下： //开发环境错误处理 // will print stacktrace if (app.get('env') === 'development') { app.use(function(err, req, res, next) { res.status(err.status || 500); res.render('e...
vue配置node环境
IT__zz的博客
09-18 3536
vue配置node环境 今天呢，有个刚刚入职的新人，然后组长让他熟悉公司代码，但是呢，给了他一台没有配置好的狄电脑，什么都没有配置，他也不敢问，然后我正好在跟他聊天，看他着急的样子，我就问他遇到了什么问题吗？她就跟我说第一天到公司，紧张的把vue配置node环境给忘了，当时一愣，随后就释怀了，然后就开始给他找相关的配置，让他跟着步骤开始配置，我心想说不定什么时候我也就忘了，所以呢就打算写一篇博客，来纪录。 第一步：安装node.js 第二步：改变npm本地仓库目录 第三步：配置淘宝镜像站 第四步：安装vue
vue中node_modules中第三方模块的修改使用详解
10-16
主要介绍了vue中node_modules中第三方模块的修改使用,本文图文并茂给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
深入浅析vue中cross-env的使用
12-03
在大多数Windows命令行中在使用NODE_ENV = production设置环境变量时会报错。同样，Windows和Linux命令如何设置环境变量也有所不同。 使用 cross-env 可以设置在不同的平台上有相同的NODE_ENV参数。 使用 安装 ...
nodejs中的process.env.NODE_ENV学习
weixin_36557877的博客
03-08 1602
有些在有些代码常看到process.env，其实发现这个process.env其实是一个环境变量的对象，里面是我们系统中设置的环境变量，这样我们可以通过环境变量来设置当前环境是开发环境还是生产环境等。我们只要在代码中使用process.env就行了，后面的名称就是环境变量的名称，如：NODE_ENV就是。我们可以在当前的命令下执行以下命令，当然我们也可以通过图形界面来设置环境变量。NODE_ENV其实就是环境变量之一，用于设置nodejs当前的运行环境。2、怎么在nodejs中使用环境变量。
vue/cli 3.0配置NODE_ENV
weixin_30768661的博客
07-13 4870
　　原文地址 　　在项目开发中我们需要配置环境变量，开发环境，生产环境和测试环境。在cli 2.0的版本中我们是通过在config文件夹进行配置的，vue/cli 3.0相对简单，只需要在项目根目录创建.env文件即可。以下是环境对应文件名和命令 模式 对应npm命令 对应文件名称 development server .env.developm...
vue-cli3.0+环境切换
self_challenge的博客
05-20 432
在项目里面，我们一般都需要配置生产环境和测试环境来进行管理，仅供参考。 首先安装 npm install cross-env –save-dev package.json配置 "scripts": { "serve": "cross-env BUILD_ENV=dev vue-cli-service serve", "build": "cross-env BUILD_ENV=prod vue-cli-service build" }, vue.config.js配置 module.exp
Vue进阶（环境变量 和 模式切换）（npm run dev与npm run serve的区别）
qq_41765777的博客
11-20 9334
1、开发环境与生产环境切换 （1）根目录下新建 .env.dev文件和.env.prod环境变量文件如下： .env.dev文件 (开发环境模式下使用的环境变量） NODE_ENV = development VUE_APP_BASE_API = http://localhost:8088/api VUE_APP_BASE_IMG_URL = http://localhost:8088 .env.prod文件（生产环境模式下使用的环境变量） NODE_ENV = production VU
Vue2配置环境变量
L_yvpeng的博客
03-10 3975
代码开发中我们把代码分成开发模式和生产模式，这两种模式的转换我们称职为环境变量。 接下来带着大家如何去配置和使用这个环境变量 Vue2官网：Vue.js 一、首先我们在项目全局目录下创建两个 .env 文件夹，文件分别为 .env.production 生产模式和 .env.development 开发模式 二、在文件里面我们写入对应的https请求地址 NODE_ENV=development VUE_APP_BASE_URL="http://kumanxuan1.f3322.ne
vue项目中如何配置env环境
weixin_59244784的博客
05-25 9910
Vue项目如何配置环境变量
NodeJs环境NODE_ENV介绍和设置方法
C or CPP
04-08 1195
在常见的 Node.js 应用程序中，NODE_ENV环境变量通常用于标识当前应用程序所处的环境。根据不同的环境，应用程序可以执行不同的操作或者加载不同的配置。下面是三种常见的NODE_ENVdevelopment（开发环境）在开发环境中，应用程序通常会加载调试工具和中间件，以方便开发人员进行调试和测试。错误提示信息可能会更详细，以帮助开发人员迅速定位问题。通常不会进行性能优化，以确保开发过程中的快速迭代和调试。production（生产环境）
vscode开发uniapp项目
AllenMa的博客
03-17 1335
1.环境配置（安装npm/node） brew install node : npm是随着nodejs安装⼀并安装的 更新npm ： sudo npm install npm -g 2.使⽤CLI ⼯程创建uni-app项⽬ npm install -g @vue/cli ：全局安装vue vue create -p dcloudio/uni-preset-vue my-project ： 创建名字为my-project 的 uni-app 可能遇到的错误：npm run dev:.
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变量，它的值取决
const baseUrl = process.env.NODE_ENV === 'production' ? process.env.VUE_APP_BASEURL : '/'和const baseUrl = process.env.NODE_ENV === 'production' ? process.env.VUE_APP_BASEURL : './'
06-06
这两行代码的作用是在根据当前环境判断应该使用哪个URL作为请求的基础路径。如果当前环境为生产环境，...其中，VUE_APP_BASEURL是通过在项目的.env文件中设置的一个环境变量。这样可以方便地切换不同环境下的请求地址。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值