[配置]VUE中通过process.env判断开发，测试和生产环境，并分环境配置不同的URL HOST

process.env是什么？

process.env 是 Node.js 中的一个环境对象。其中保存着系统的环境的变量信息。NODE_ENV 就是其中的一个环境变量。这个变量主要用于标识当前的环境(生产环境，开发环境)。

在 Vue 中， NODEENV 可以通过 .env 文件或者 .env.[mode] 文件配置。配置过后，运行 Vue CLI 指令( npm run dev(serve) ，npm run build )时，就会将该模式下的NODEENV载入其中了。而这些命令，都有自己的默认模式：

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

1.在项目根目录分别创建.env.development、.env.preview、.env.production三个文件

.env.development
.env.preview
.env.production

三个文件分别对应开发环境、测试环境、生产环境

2.在文件里定义常量

VUE_APP_API_BASE_URL=http://127.0.0.1:6060

3.使用： process.env.VUE_APP_API_BASE_URL

[配置]VUE中通过process.env判断开发，测试和生产环境，并分环境配置不同的URL HOST相关推荐

vue - vue中的process.env.NODE_ENV和环境变量
1,什么是process.env process.env 是 Node.js 中的一个环境对象.其中保存着系统的环境的变量信息.可使用 Node.js 命令行工具直接进行查看.如下: 而 NODE_E ...
vue配置开发、测试、生产环境（proxy中获取process.env.NODE_ENV）
先是看了这个文章写的如何npm run build 的时候自动配置地址参考文章"vue配置开发.测试.生产环境(不同环境,不同命令)_Amy_cloud的博客-CSDN博客_vue生产环境 ...
vue中使用el-tree组件,判断是节点还是叶子,添加图片
感谢我的同学来自小米的前端工程师-----冯昕这个需求的要求是这样的,有一个树形结构的数据,我们需要在叶子前方添加一张图片,如果是节点,那么就没有这个图片, 现在的样子是这样的现在我们需要将部门前 ...
微信公众号开发-测试公众号账号及本地环境搭建（一）
https://www.cnblogs.com/fengzheng/p/5023678.html 测试公众号微信公众号有订阅号.服务号.企业号,在注册的时候看到这样的信息,只有订阅号可以个人申请,服 ...
Vue中process.env.NODE_ENV详解
一文弄懂如何在 Vue 中配置 process.env.NODE_ENV 最近在研习 vue.config.js 文件,发现一行,甚是费解. process.env.NODE_ENV 查阅资料后,发现 ...
vue环境变量配置——process.env（详细）
在用vue框架时,经常用到两种环境,一种是开发环境,就是本地开发时的环境,一种是生产环境,就是要发布到线上的环境. 平时开发是用生产环境的,如果发布到线上时,需要切换环境为线上.如果人为去切换也是可以 ...
process.env环境变量配置方式（配置环境变量区分开发环境和生产环境）
一.process.env 为何物? 言归正传. process.env 是 Node.js 中的一个环境变量.其中保存着系统的环境的变量信息.可使用 Node.js 命令行工具直接进行查看: 1.安 ...
vue中控制mock在开发环境使用，在生产环境禁用
文章目录 vue中控制mock在开发环境使用,在生产环境禁用解决方案 vue中控制mock在开发环境使用,在生产环境禁用原因:mock拦截所有的axios请求,根据请求,做出相应的响应.平时前后端 ...
webpack打开项目命令_配置webpack中dev.env.js、prod.env.js，解决不同命令下项目启动和打包到指定的环境...
前后端分离的项目开发中,我们有开发环境.测试环境.预生产环境和生产环境. 1.开发环境下调试接口的时候,一般都会有好几个接口地址(开发服务器上的,本地的,接口开发人员的,七七八八的接口地址),要根据情 ...

[配置]VUE中通过process.env判断开发，测试和生产环境，并分环境配置不同的URL HOST

[配置]VUE中通过process.env判断开发，测试和生产环境，并分环境配置不同的URL HOST

process.env是什么？

process.env 是 Node.js 中的一个环境对象。其中保存着系统的环境的变量信息。NODE_ENV 就是其中的一个环境变量。这个变量主要用于标识当前的环境(生产环境，开发环境)。

在 Vue 中， NODEENV 可以通过 .env 文件或者 .env.[mode] 文件配置。配置过后，运行 Vue CLI 指令( npm run dev(serve) ，npm run build )时，就会将该模式下的NODEENV载入其中了。而这些命令，都有自己的默认模式：

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

[配置]VUE中通过process.env判断开发，测试和生产环境，并分环境配置不同的URL HOST相关推荐

最新文章

热门文章