VueCli3以下获取process.env.NODE

参考
对于VueCli3配置不同环境变量，请参考: vue-cli3创建项目
而对于Vuecli3以下的则要注意使用cross-env去设置变量！

以开发环境说明

运行脚本

"scripts": {"dev": "cross-env node build/dev-server.js"}

config中的dev.env.js

module.exports = {NODE_ENV: '"development"',BASE_API: '"/api"',ADMIN_API: '"/api/admin"'// admin服务地址
}

在webpack.dev.conf.js中DefinePlugin创建process.env全局变量

其中的config文件夹内就是不同的环境变量，比如上述的dev.env.js
这个时候在main.js中打印process.env

生产环境

config文件夹下多生产环境

以prd为例

    NODE_ENV: '"production"',ENV_CONFIG:'"prd"',BASE_API: '""',//ADMIN_API: '""'//

那么打包的时候
比如想设置打包prd环境，那么脚本：

"scripts": {"prd": "cross-env NODE_ENV=production env-config=prd"}

以上就是通过cross-env 设置打包的环境NODE_ENV为production，ENV_CONFIG为prd，就是如此，所以cross-env跨平台设置变量很重要~！！

咻咻~~~

VueCli3以下获取process.env.NODE_ENV数据相关推荐

vue配置开发、测试、生产环境（proxy中获取process.env.NODE_ENV）
先是看了这个文章写的如何npm run build 的时候自动配置地址参考文章"vue配置开发.测试.生产环境(不同环境,不同命令)_Amy_cloud的博客-CSDN博客_vue生产环境 ...
Node 环境变量 process.env.NODE_ENV 之webpack应用
转载来源:https://github.com/wfzong/NODE_ENV_TEST,这里还有源码可以学习,谢谢原作者的分享! 对于process.env.NODE_ENV困惑起因为在配置webp ...
环境变量process.env.NODE_ENV详解
process.env.NODE_ENV详解前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的.包括语音识别.机器翻译等从基础到实战都有,很详细,分享给大家. 一. p ...
process.env.NODE_ENV详解
一. process.env.NODE_ENV是什么? 在node中,有全局变量process表示的是当前的node进程. process.env包含着关于系统环境的信息,但是process.env中 ...
Vue中process.env.NODE_ENV详解
一文弄懂如何在 Vue 中配置 process.env.NODE_ENV 最近在研习 vue.config.js 文件,发现一行,甚是费解. process.env.NODE_ENV 查阅资料后,发现 ...
node process.env.NODE_ENV 使用 cross-env 配置设置
process是一个全局对象,任意位置可以访问.在开发测试和正式部署时,需要区分不同的环境process.env.NODE_ENV,包括development和production,我推荐使用工具包c ...
process.env.NODE_ENV与@vue/cli-service及其.env.*默认外部环境配置文件之跨域部署
process.env.NODE_ENV与@vue/cli-service及其.env.*默认外部环境配置文件之跨域部署目录 process.env.NODE_ENV与@vue/cli-servic ...
vue - vue中的process.env.NODE_ENV和环境变量
1,什么是process.env process.env 是 Node.js 中的一个环境对象.其中保存着系统的环境的变量信息.可使用 Node.js 命令行工具直接进行查看.如下: 而 NODE_E ...
process.env.NODE_ENV使用
在开发过程中,我们往往需要针对不同的开发环境来进行一些差异性的配置或者功能使用,此时便可以借助于 process.env.NODE_ENV 来区分开发环境,要注意的是NODE_ENV不是process ...

VueCli3以下获取process.env.NODE_ENV数据

以开发环境说明

生产环境

VueCli3以下获取process.env.NODE_ENV数据相关推荐

最新文章

热门文章