vue3.0+vite根据开发和生产的全局环境变量配置和使用

首先是默认package.json中

"scripts": {
    "dev": "vite", // 默认mode为development
    "build": "vue-tsc --noEmit && vite build", // 默认mode为production
    "preview": "vite preview"
}

指定默认则使用vite --mode test

在项目跟路径下创建

• .env.development
• .env.production

其中.env.development和.env.production分别会在不同的场景下加载配置

在.env.development中编写

# development
VITE_BASE_URL='/api'

然后重启！！！重启！！！重启！！！重启！！！

重启后在项目中通过使用进行调用

const url = import.meta.env.VITE_BASE_URL