vite开发环境和生产环境的配置

首先我们在项目中配置四种环境 注：与src平级

VITE_BASE_API='/api'

VITE_APP_NAME='demo app'

DEMO_STR='hello'

1. VITE_BASE_API=/dev-api

VITE_BASE_API=/prod-api

VITE_BASE_API=/uat-api

接着我们要在package.json中配置我们相应的命令

"dev": "yarn dev:dev",

"dev:dev": "vite --mode dev",

"dev:uat": "vite --mode uat",

"dev:prod": "vite --mode prod",

"build:dev": "vue-tsc --noEmit && vite build --mode dev",

"build:uat": "vue-tsc --noEmit && vite build --mode uat",

"build:prod": "vue-tsc --noEmit && vite build --mode prod",

之后我们可以通过 把以下代码放到main.ts中查看现在的一个环境

1. const env = import.meta.env
2. console.log(env)

之后我们在我们的头部拼接就可以使用了