一篇文章带你认识环境变量

最新推荐文章于 2023-10-27 11:32:22 发布
VIP文章 最新推荐文章于 2023-10-27 11:32:22 发布
阅读量646 收藏
点赞数
分类专栏： Vue 文章标签： vue.js webpack javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GZZ__z/article/details/122051678
版权

1.认识环境变量---端口配置

首先要知道端口配置是在哪里配置的？

在vue.config.js中配置的，vue.config.js 就是vue项目相关的编译，配置，打包，启动服务相关的配置文件，它的核心在于webpack,相当于改良版的webpack

如图，是开发环境服务端口的位置:

 我们看到上面的 process.env.port实际上是一个nodejs服务下的环境变量，该变量在哪里设置呢？

在项目下, 我们发现了.env.development和.env.production两个文件

最低0.47元/天 解锁文章
鲜橙多了没
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Tomcat启动问题，环境变量，端口设置
love20yh的专栏
06-07 1219
1、tomcat启动问题，要安装JDK，而且要对应的，tomcat8.0要jdk8，tomcat9要jdk10。2、再有要设置jdk的环境变量JAVA_HOME=C:\java\jdk103、学习修改端口号：默认8080端口  打开D:\Software\apache-tomcat-9.0.8\conf\server.xml      <Connector port="8080" proto...
linux安装jdk并设置环境变量的方法教程(看这一篇够了)
09-14
主要介绍了linux安装jdk并设置环境变量的相关资料，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
终于搞懂Vue开发环境和生产环境的代理配置了
qq_46565258的博客
08-24 6811
其中VUE_APP_BASE_API是Vue的关键后端请求地址，我们可以在nodejs项目的任意js代码中获取环境变量，例如在创建axios请求实例对象时，通过process.env.“环境变量的KEY”下面介绍生产环境的配置，生产环境其实就是我们通过npm build出来的包，有一个index.html的网页入口。这里可以看到，基本路径我们写的是完整后端路径，因为生产环境无法使用vue脚手架提供的后端路径代理，所以必须填写真实后端地址。但是我们的生产环境项目一般是结合nginx一起部署的，
VUE3中，使用.env.development和.env.production
故里2130
01-05 5942
在实际项目开发过程中，可能开发环境和生产（测试）环境不一样，经常需要修改配置常量，才能满足对应的环境，才能使软件运行起来。6.此时，我这里使用nginx进行发布，当然你也可以使用别的发布网址，比如IIS等等。4.打包后，之前的config.js就没有了，复制所有的打包文件。nginx的配置，之前文档已经介绍了，这里不再说明。5.选择build，生成生产模式，程序就在dist中。1.打包前，在项目的根目录中，创建config.js。部署完成后，直接打开，我这里是808端口。开头，否则无法识别，如图所示。
vue 环境配置.env；.env.development；.env.production配置
weixin_46211267的博客
02-01 1621
vue 环境配置.env;.env.development;.env.production配置
环境变量概念详解！（4千字长文）
m0_74376760的博客
04-15 723
环境变量概念详解！（4千字长文）
联想拯救者23y7000p出厂环境变量
06-10
联想拯救者23y7000p出厂环境变量，预防环境变量错误，忘记怎么更改
C++获取系统环境变量
12-22
TCHAR szOutBuf[MAX_PATH] = {0}; 　GetEnvironmentVariable( _T("ProgramFiles")， szOutBuf， MAX_PATH – 1 ); 　TCHAR szOutBuf2[MAX_PATH] = {0}; 　GetEnvironmentVariable( _T("ProgramFiles(x86)")， ...
自定义添加linux系统java环境变量脚本及安装包
06-23
各位小伙伴肯定都遇到过拿到一个linux环境发现没有java环境，又需要屁颠屁颠跑去找java安装包配置环境变量的问题吧？ 本资源为二狗自己编写的快速定义java环境变量的脚本，可以帮助你剩下不少时间，操作前建议备份/...
jdk1.8最新稳定版,带环境变量配置
10-12
jdk1.8版本，下载后可打开安装，压缩包里面有环境变量配置的方法，方便实用
环境变量详解
qq_64404343的博客
04-17 699
环境变量详解
详解环境变量
胡坚涛的博客
11-22 9814
我们在Linux系统中进行操作的时候通常会发现，当我们使用系统的命令的时候，比如：`ls,pwd,cd`等等，通常不需要带对应的命令的路径，只需要直接敲对应的命令即可，而当我们运行自己写的程序的时候却发现必须带相关路径，如果没带路径，就会报出：**command not found**的错误，其实也很简单理解，因为我们要执行一个命令或者程序首先肯定要找到这个程序或者命令，知道这个程序或者路径在哪里，才能够执行它，而系统中的命令不需要带路径就能执行的原因跟今天要学习的环境变量有关系
一篇文章让你彻底搞懂环境变量
qq_49946446的博客
04-24 2619
环境变量(environment variables)一般是指在操作系统中用来指定操作系统运行环境的一些参数。
环境变量（图文详解）
最新发布
originalHSL的博客
10-27 518
本文主要用图文结合的方式讲解了Linux的环境变量的基本概念，以及常见环境变量， 查看环境变量方法，测试PATH，HOME， 和环境变量相关的命令，环境变量的组织方式， 通过代码如何获取环境变量，通过系统调用获取或设置环境变量
如何配置环境变量
iFfy的博客
11-22 3196
环境变量 : 为不同环境设置不同变量 根目录创建文件 .env.develpment(开发环境) .env.production(生产环境)
Vue项目 .env .env.development .env.production 配置说明
weixin_43190804的博客
12-16 8135
1.模式 模式是 Vue CLI 项目中一个重要的概念。默认情况下，一个 Vue CLI 项目有三个模式： development 模式用于 vue-cli-service serve production 模式用于 vue-cli-service build 和 vue-cli-service test:e2e test 模式用于 vue-cli-service test:unit 你可以通过传递 --mode 选项参数为命令行覆写默认的模式。例如，如果你想要在构建命令中使用开发环境变量： vue-c
vue中使用.env文件配置全局变量
热门推荐
hnnd123的博客
06-17 1万+
首先根目录下创建. .env或者.env.production文件（生产环境）， .env.develpment文件（开发环境） 变量命名格式： 键值对形式 VUE_APP_NAME = value VUE_APP_是规定的命名格式，NAME是自定义的变量名。 通过： process.env.variableName 访问变量。 例如： data():{ return{ ...
cli3设置端口号 vue_vue-cli3项目配置不同环境下请求地址的方法
weixin_39651816的博客
12-24 778
一 . 在项目根目录下新建以下三个文件：.env.development(开发环境)，.env.production(生产环境)，.env.test(测试环境)1.1 .env.development内代码如下//开发环境配置NODE_ENV = 'development'VUE_APP_MODE = 'development'VUE_APP_API_URL = 'http://192.168....
vue配置环境变量 .env.development 和 .env.prodution
qq_16698261的博客
12-23 7328
项目根目录创建文件 .env.development 和 .env.prodution .env.development VUE_APP_URL=http://baidu.com .env.prodution VUE_APP_URL=http://baidu.com 访问process.env.VUE_APP_URL
getenv获取不到环境变量_一篇文章搞定使用os.environ获取与设置系统变量
05-31
如果您在 Python 进程启动后修改了一个环境变量的值，它不会影响到其他进程或者终端窗口中的环境变量。如果您需要在终端中使用修改后的环境变量，可以使用 export 命令将其导出。 希望这些信息对您有帮助！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值