vue3 process.env.XXX环境变量不生效

7月前作者：_Jyann_ 分类：Toy博客阅读(35) 违法举报

这篇具有很好参考价值的文章主要介绍了vue3 process.env.XXX环境变量不生效。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

问题：使用process.env.XXX时获取不到环境变量的值：

axios.defaults.baseURL = process.env.VUE_APP_BASE_API;

解决：

一：项目根目录下的.env.development和.env.production环境配置文件中，NODE_ENV=development的值必须和package.json文件启动配置--mode一致

//.env.development
NODE_ENV=development
VUE_APP_BASE_API=/api
VUE_APP_BASE_URL=http://localhost:8081/
VUE_APP_PROXYURL=http://localhost:8080/

"scripts": {
        "serve": "vue-cli-service serve",
        "dev": "vue-cli-service serve --mode development",
        "prod": "vue-cli-service serve --mode production",
    },

二：.env.development和.env.production环境配置文件中变量名必须以VUE_APP_开头文章来源地址https://www.toymoban.com/news/detail-513305.html

到了这里，关于vue3 process.env.XXX环境变量不生效的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

前端vue3分享——项目封装axios、vite使用env环境变量

大家好，我是yma16，本文分享关于前端vue3分享——项目封装axios、使用env环境变量。该系列往期文章： csdn新星计划vue3+ts+antd赛道——利用inscode搭建vue3(ts)+antd前端模板认识vite_vue3 初始化项目到打包什么是axios axios是一个流行的JavaScript库，用于在浏览器和Node.js环境中进行H

2024年02月07日
浏览(49)
在vite或者vue-cli中使用.env[mode]环境变量

在项目中总会遇到一些默认的配置,需要我们配置到静态文件中方便我们去获取,这时候就可以用到这个.env环境变量文件,在cli创建的项目中顶层的nodejs会有一个process对象,这个对象可以根据不同的环境获取不同的环境配置文件,但是vite中获取变量的方式不一样。创建变量文件

2024年02月06日
浏览(37)
关于process.env.VUE_APP_BASE_URL的使用

process.env.VUE_APP_BASE_URL 是一个 Vue.js 中使用的环境变量，通常用来存储一个应用的接口请求地址，例如 API 服务器的地址等。在 Vue CLI 3 以上的版本中，当你在项目根目录下创建一个名为 .env. [mode] 的文件；其中 [mode] 是你的模式名称，例如 .env.development ，并在其

2024年02月16日
浏览(47)
【Vue3实践】（六）Vue3使用vite处理环境变量、打包部署、nginx配置

由于在日常开发中会有一部分前端的开发任务，会涉及到Vue的项目的搭建、迭代、构建发布等操作，所以想系统的学习一下Vue相关的知识点，本专题会依照Vue的搭建、开发基础实践、进阶用法、打包部署的顺序进行记录。历史文章链接如下：《Vue3搭建、路由配置与基本语法

2023年04月08日
浏览(41)
Vue中process.env关键字，process.env.VUE_APP_BASE_API

打开命令行查看环境： Vue Cli 有以下三种运行模式 development 模式用于 vue-cli-service serve test 模式用于 vue-cli-service test:unit production 模式用于 vue-cli-service build 和 vue-cli-service test:e2e 我们查看 package.json 配置信息，运行 Vue CLI 命令：开发环境运行npm run dev，要部署服务器发布生产

2023年04月18日
浏览(31)
K8s 上Spring boot环境变量配置无法生效问题

首先介绍一下，问题发现的场景，存在一个项目，在本地开发环境上，spring项目的数据库、redis等中间件的配置参数都是配置在application.yml 文件里的，所以修改配置直接改改文件就可以了，但是当项目部署在k8s的集群上，想要通过修改application.yml文件里的配置项，发现修改无

2023年04月08日
浏览(30)
解析vue中的process.env

一、介绍 1、process process 是 nodejs 下的一个全局变量，它存储着 nodejs 中进程有关的信息。 2、process.env env 是 environment 的简称， process.env 属性返回一个包含用户环境的对象。 3、dotenv Dotenv 是一个零依赖的模块，它能将环境变量中的变量从 .env 文件加载到 process.env 中。在终端

2024年02月06日
浏览(26)
记一次配置文件spring.profiles.active环境变量不生效的问题

三个环境的配置文件分别是grayTg, proTg, testTg application.properties设置环境变量由IDEA统一管理 Maven中配置profile能让你为不同的环境定义不同的构建；包括本地测试环境，灰度环境, 生产环境这三个环境。可以用如下的标签配置在pom.xml文件中本地Docker打包时, 无法解析环境配置

2024年01月17日
浏览(35)
vue3 vite配置跨域以及不生效问题

1. 在vite.config中添加配置 2. 在.env.development中配置开发环境下的基地址(没有该文件夹手动新建) 3. 配置axios的基地址最后: 我之前是犯过一个错误的, 导致我搞了半天都没搞好... 就是配置完vite.config, 那个/ccc后缀是接口没有的自己加的, 那么就要手动加上去了...

2024年02月11日
浏览(27)
vue3+vite配置环境变量

新建 .env（所有环境生效）.env.development（开发环境配置） .env.production（生产环境配置）以 VITE_ 为前缀定义变量修改vite-env.d.ts 使用 loadEnv 读取环境变量使用npm run dev 启动命令，读取.env 与 .env.development的内容修改package.json 使用 npm run test启动命令，读取.env 与 .env.test的内容

2024年02月11日
浏览(34)