多环境变量

最新推荐文章于 2024-11-01 14:29:13 发布

AOUAN_F

最新推荐文章于 2024-11-01 14:29:13 发布

阅读量205

点赞数

文章标签： vue.js 前端

本文链接：https://blog.csdn.net/gyuano/article/details/124453965

版权

一般分为开发环境和生产环境

development 开发

production 生产（上线）

怎么配置多环境变量

首先建立两个文件在根目录

.env.dev

里面写上 NODE_ENV="development"

.env.prod

里面写上 NODE_ENV="production"

这样我们可以通过 process.env.NODE_ENV 这个变量来判断当前的环境

比如我们可以通过判断不同的环境在 axios 请求的时候设置不同的 baseURL

在开发的时候使用测试接口

在上线的时候使用真实接口

npm run serve 开启的就是开发环境

npm run build 开启的就是生产环境

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

AOUAN_F

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

多环境变量配置

shiqianhui1124的博客

06-02

270

Ⅰ、什么是多环境变量？我们在vue项目开发中，项目在运行时会根据启动的指令来运行不同的环境，在不同的环境中，我们配置对应所需的变量来满足我们的开发需求，称为多环境变量。环境一般分为开发环境，测试环境，生产环境 Ⅱ、作用一个项目的完整流程，包含开发阶段、打包阶段、测试阶段，与之对应的则是不同的环境，因为每个环境的接口域名、webpack 配置都是不同的，所以在打包构建时，我们需要区分这些环境，这时就用到了环境变量。 Ⅲ、在配置多环境变量前，需要了解的知识点 .env文件是环境配置，会在项目运

osg环境变量设置

hankern的专栏

10-06

2192

OSG_HOME指明OSG文件根目录：D:\Program Files\OpenSceneGraph-3.0.1-VS10.0.30319-x86-debug-12741 OSG_FILE_PATH指明测试文件目录：%OSG_HOME%\data OSG_LIBRARY_PATH避免插件库不能加载上%OSG_HOME%\bin\osgPlugins-3.6.3 Path变量前端添加路径（通常...

参与评论您还未登录，请先登录后发表或查看评论

linux查看、添加、删除环境变量

热门推荐

mayue_web的博客

07-23

15万+

阅读目录linux查看环境变量linux变量的种类设置变量的三种方法使用unset删除指定的环境变量删除PATH环境变量指定值常用的环境变量其他 linux查看环境变量 1.使用echo命令查看单个环境变量。例如： echo $PATH 2.使用env查看所有环境变量。例如： env 3.使用set查看所有本地定义的环境变量。 linux变量的种类按变量的生存周期来划分，Linux变量可分...

Vue配置多环境变量,原来是这么回事啊

技术前端，忠于热爱 @0.活在风浪里

01-01

2629

环境变量的默认值和自己添加环境变量 在main.js打印console.log(process.env); 会得到两个默认变量分别是BASE_URL:"" 和 NODE_ENV:"development", NODE_ENV:""可以用来区分环境是开发还是测试还是正式环境如下图 1 .如果想要自己定义添加环境变量需要,在根目录下新建.env文件以VUE_APP开头,例如:VUE_APP_MY_NAME="活在风浪",注意需要重新启动服务! 1......

环境变量

云计算练习生X的博客

09-06

1651

环境变量分为局部环境变量、用户环境变量和系统环境变量。

node的环境变量

qq_45946818的博客

11-08

3632

在很多前端项目中都需要配置node的环境变量，通常在package.json的scripts命令内容和webpack配置文件中可以看到NODE_ENV这个变量，值一般为production或者product，也有人简写为’dev’或’prod’。 1.NODE_ENV的作用通常这个变量用来区分开发与生产环境，加载不同的配置。 2.配置 node中有全局变量process表示当前node进程，process.env包含着关于系统环境的信息。但是process.env中并不存在NODE_ENV这个东西，NOD

Ubuntu 环境变量设置

Deng

02-02

2455

先上结论，修改环境变量建议以在/etc/profile.d/中新增*.sh的方式修改。不推荐以下方式修改环境变量 不推荐修改 /etc/profile 不推荐修改 /etc/environment 不推荐修改 /etc/.profile 不推荐修改 ~/.bashrc，~/.bash_profile 可以修改 ~/.profile

Java环境变量

qq_65508243的博客

07-18

1783

本篇讲了配置环境变量的目的以及如何配置，部分win10电脑重启后变量失效，如何处理

Anaconda添加环境变量

Einsam0的博客

09-12

1万+

安装anaconda的时候，安装界面有选择，勾选第一个就是价格anaconda添加到环境变量中，后面cmd测试就会发现有，输入conda就会显示详细信息。如果没有勾选，或者像我一样，安装jdk后把之前的环境变量覆盖了，就要重新手动设置环境变量。之前安装anaconda2，添加环境变量就是要添加3个就好：控制面板>系统>高级系统设置>环境变量 找到path,新建三...

Linux环境变量

Sunnylunch-blog

12-23

5495

一、什么是环境变量？？？ 环境变量是在操作系统中具有一个特定名字的对象，它包含了一个或多个应用程序所将要使用到的信息。环境变量相当于给系统或用户应用程序设置的一些参数，具体什么作用这当然和具体的环境变量有关。二、linux下的环境变量 linux是一个多用户的操作系统，每个用户登录系统之后，都会有一个专用的运行环境。通常每个用户默认的环境都是相同的，这个默认的环境实际上就是一组环

nuxt.js添加环境变量,区分项目打包环境操作

01-18

配置打包环境变量时，发现nuxt.js的文档过于简单，无法做参照。经查证了一些资料后，解决了该问题。遂整理成文档，发布于此，给同行一些参照。一、添加cross-env插件 npm npm i cross-env yarn yarn add cross-...

python为什么会环境变量设置不成功

09-16

### Python环境变量设置不成功的原因及解决方法在学习Python编程的过程中，正确配置环境变量是一项基本且重要的工作。然而，在实际操作过程中，不少用户遇到了环境变量设置不成功的问题。本文将详细探讨导致这一...

自动添加环境变量

08-23

使用说明：下载后解压到需要添加...网上很多批处理添加环境变量的方法，但都不能立即生效，需要点击环境变量的确认按钮或者重启，太麻烦，所有自己写了一个，可以立即生效。可以用来配置Java环境变量或其他任何应用。

window中oracle环境变量设置方法分享

09-10

在Windows操作系统中设置Oracle环境变量是Oracle数据库安装和管理中的一项基础性工作。环境变量是指在操作系统中用来指定操作系统运行环境的一些参数，如临时文件夹位置、系统文件位置等。Oracle环境变量是Oracle...

umi配置多环境变量并在docker中跑起来验证

yutingwu816的博客

03-20

1281

也可以看到我们配置的process.env.UMI_ENV = test 有生效，生产环境同理可以验证。设置好不同的环境变量后，测试环境和生docker中跑起来，通过打印检查配置是否生效。最近开始自己负责一个umi项目从0到1的开发，中间遇到的环境变量配置问题记录一下，顺便再熟悉下前端项目在docker中的部署过程。其中config.test.js 和 config.prod.js 中分别配置不同的process.env.UMI_ENV的值。最后在页面中打印配置好的环境变量，不同的环境应该有不同的值。

扩展el-table，实现当showOverflowTooltip时，鼠标可移入tooltip功能