环境变量env

1.查看环境变量

<template>
  <div></div>
  </template>
  
  <script setup lang='ts'>
  // 获取环境变量
  console.log(import.meta.env);
  // 不可直接修改值，因为线上环境是硬编码，是写死的，动态修改无效
  const BASE_URL = 'BASE_URL'
  import.meta.env[BASE_URL] = '123'
  // 在.env.development或.env.production文件中配置变量，会在执行run serve或run build时，将变量注入到import.meta.env中
  // {
  //   BASE_URL: '/', // 项目的根路径
  //   MODE: 'development', // 当前环境
  //   DEV: true, // 是否是开发环墮
  //   PROD: false, // 是否是生产环境
  //   SSR: false, // 是否是服务端渲染
  // }
  </script>
  
  <style scoped lang='scss'>
  
  </style>

2.添加环境变量

# 在这里写的配置都会直接被import.meta.env读取到，不需要手动引入，使用VITE_前缀
VITE_FLAG = 'YEYEYEYE'

 3.在vite.config.ts中访问环境变量