vue3和vue2项目中如何根据不同的环境配置基地址?

在不同环境下取出的变量的值是不同的, 像这样的变量称为环境变量

为什么要使用环境变量呢?

开发环境生产环境下的接口地址有可能是不一样的,所以我们需要根据环境去配置不同的接口基地址

1、vue2环境变量配置

在根目录创建:.env.development和.env.production文件
标准定义:命名以VUE_APP_xxx开头, 可以在所有的文件中去获取(建议用它)
使用:用process.env.属性的方式获取
开发环境默认NODE_ENV值为development
生产环境默认NODE_ENV值为production
在这里插入图片描述

2、vue3环境变量配置

在根目录创建:.env.development和.env.production文件
标准定义:命名以VITE_xxx开头, 可以在所有的文件中去获取(建议用它)
使用:import.meta.env.属性的方式获取
在这里插入图片描述

相关推荐

  1. vue2vue3v-model

    2024-04-02 19:56:03       14 阅读
  2. vue项目不同接口使用不同域名

    2024-04-02 19:56:03       6 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-02 19:56:03       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-02 19:56:03       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-02 19:56:03       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-02 19:56:03       18 阅读

热门阅读

  1. 李白打酒加强版(c++实现)

    2024-04-02 19:56:03       13 阅读
  2. 2024-03-27 问AI: 介绍一下深度学习中的 Darknet

    2024-04-02 19:56:03       13 阅读
  3. 33-2 XXE漏洞 - XXE外部实体注入原理

    2024-04-02 19:56:03       14 阅读
  4. 谈谈Python中的列表推导式和字典推导式

    2024-04-02 19:56:03       14 阅读
  5. Vue3创建空对象方法及推荐

    2024-04-02 19:56:03       12 阅读
  6. ChatGPT助力:提升学术论文写作的智能利器

    2024-04-02 19:56:03       20 阅读
  7. Maximum Product(UVA 11059)

    2024-04-02 19:56:03       18 阅读
  8. rust并行计算库Rayon

    2024-04-02 19:56:03       18 阅读