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

这篇具有很好参考价值的文章主要介绍了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+vite中使用环境变量 .env 的一些配置情况说明

    在项目文件中新建文件.env .env.pro 两个文件其中.env 是默认设置 .env.pro 为正式环境设置 1、设置.env中的内容信息 注意vue3+vite 必须使用VITE开头的配置信息 否则无法获取 如果不想使用VITE开头自己修改就在vite.config.ts文件中添加envPrefix:“APP_” 2、在 vite 中使用环境变量,可以用

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

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

    2024年02月06日
    浏览(98)
  • 关于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日
    浏览(55)
  • 【Vue3实践】(六)Vue3使用vite处理环境变量、打包部署、nginx配置

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

    2023年04月08日
    浏览(122)
  • 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日
    浏览(40)
  • K8s 上Spring boot环境变量配置无法生效问题

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

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

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

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

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

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

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

    2024年02月11日
    浏览(43)
  • 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日
    浏览(54)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包