vue获取环境变量根据环境变量取值

Johnston_man

已于 2022-06-21 17:29:20 修改

阅读量3.5k

点赞数 1

分类专栏： vue 文章标签： vue

于 2022-06-21 17:28:27 首次发布

本文链接：https://blog.csdn.net/johnston_man/article/details/125395281

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

获取环境变量

// config/index.js
const env = process.env.NODE_ENV;
const configObj = {
  production: {
    baseUrl: "https://production.com/"
  },
  development: {
    baseUrl: 'http://development.com/'
  }
};

export default {...configObj[env] };

vue页面中使用

根据环境变量取值


// detail.vue
import config from '@/config/index'

path: config.baseUrl

优惠劵

Johnston_man

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
vue获取环境变量根据环境变量取值

vue获取环境变量根据环境变量取值
复制链接

扫一扫

专栏目录

深入浅析vue全局环境变量和模式

11-21

我们可以在项目根目录中的下列文件来指定环境变量： .env # 在所有的环境中被载入 .env.local # 在所有的环境中被载入，但会被 git 忽略 .env.[mode] # 只在指定的模式中被载入 .env.[mode].local # 只在指定的模式中被载入，但会被 git 忽略一个环境文件只包含环境变量的“键=值”对,并且必须以VUE_APP开始: FOO=bar //无效 VUE_APP_SECRET=secret 有效模式模式是 Vue CLI 项目中一个重要的概念。默认情况下，一个

vue.config.js 多环境配置

发果叁

10-28

754

最近找到一个VUE的文档，它将VUE的各个知识点进行了总结，整理成了《Vue 开发必须知道的36个技巧》。内容比较详实，对各个知识点的讲解也十分到位。

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

vue3判断当前的环境变量, 获取环境变量中的值

最新发布

reembarkation的博客

01-30

935

vue3判断当前的环境变量, 获取环境变量中的值

vue3.0环境变量配置.md

04-08

vue3.0环境变量配置大致思路： 1，创建修改相关配置文件（Ctrl + C V即可） 2，封装 axios（根据配置文件，首先判断当前环境，获取对应环境的数据库地址作为当前环境下的基础地址，**拼接到** axios 里面的 url ） 3，模块化开发 4，使用插件对代码进行测试判断环境配置是否成功

vue项目环境变量配置的实现方法

12-09

问题实际开发中，开发环境和生产环境中一些变量是不同的，比如接口地址等等，打包之前需要手动切换。编译时新建env.js let baseUrl = ''; if(process.env.NODE_ENV == 'production'){ baseUrl = 'https://xxxxxxxxx'; } else if (process.env.NODE_ENV == 'development') { baseUrl = '/api' } export { baseUrl } process.env.NODE_ENV 是通过webpack 内置的 DefinePlugin

vue环境变量

weixin_42666092的博客

06-11

4914

1.mode 模式设置后， --mode production,是在打包后生成的文件中启动触发， --mode development 是在开发环境下启动触发触发模式设置，在package.json 的 scripts属性中设置的命令 development(开发环境) 模式用于 vue-cli-service serve test(测试) 模式用于 vue-cli-service test:unit production(生产环境) 模式用于 vue-cli-service build 和 vu

vue自定义环境获取环境变量

weixin_45441173的博客

02-02

2403

vue自定义环境获取环境变量

vue - vue的index.html中获取环境变量和业务判断

qq_43886365的博客

04-20

6460

vue的index.html中获取环境变量和业务判断

vue.config.js的详解

Litt_White的博客

01-19

7336

vue.config.js配置详情（超级详细）

vite.config.js 中读取环境变量 env

做一个有知识的流氓

12-07

4562

vite.config.js 读取环境变量

【Vue3】 vite获取.env文件中配置的环境变量

余浩的博客

09-19

1万+

// 根据当前工作目录中的 `mode` 加载 .env 文件 // 第二个参数：process.cwd()表示返回运行当前脚本的工作目录的路径（current work directory） // 设置第三个参数为 '' 来加载所有环境变量，而不管是否有 `VITE_` 前缀。 const env = loadEnv(mode.mode, process.cwd(), '');

vue3.0项目小白填坑记四：vue3.0+vite获取环境变量

Fiona_lms的博客

04-11

2992

vue3.0+vite获取环境变量

Vue项目如何获取Docker的环境变量——最小完整实践

我是张跑跑

06-10

6478

1 前言上一周的工作中，有这样一个需求，在不同的环境下（dev, test, beta, release）传入不同的值，首先是以业务为首要目标，因此，博主最初的做法是通过判断不同的hostname来传入不同的值，这种做法简单快捷，但是存在以下两个缺点： 1）hostname更改时需要修改代码，当多个服务均存在这种需求时，工作量就出来了 2）服务不解耦，需要手动调整 3）略显low，并且代码看着感觉很不舒服因此，博主今天决定做优化改善，通过获取 docker 的环境变量来获取当前的运行环境，一劳永逸，博主

vue中vite.config.js配置跨域以及环境配置详解

m0_58293192的博客

01-04

5686

vue中vite.config.js配置跨域以及环境配置详解

vue.config.js 的完整配置（超详细）

网页设计与制作 | HTML+CSS+JS

10-15

1440

之前，我有提到过，当然大家肯定也都知道，Vue3.0不在有。

Vue 入门系列：.env 环境变量

weixin_64684095的博客

06-27

589

env.local：所有环境都被载入，但会被 git 忽略。.env.development：开发环境被载入。.env.production：生产环境被载入。.env：所有环境被载入。

Vue中process.env.NODE_ENV详解

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交