来源:Loong Panda 场景 通常情况下前端开发一个项目,需要部署多个不同环境,而且每个环境会出现访问不同的后端服务,比如:给测试人员部署的测试环境;用于演示的demo环境;用户使用的生产环境等,每个环境访问的后端的服务可能会是不一样的。所以,在打包的时候,就需要根据不同的打包命令绑定不通过的后端服务。具体如下: .env.[模式名] 例如: .env.development //在development模式下会读取该文件,变量名以VITE开头 # just a flag ENV = "development" # base url VITE_BASE_URL = "http://47.116.140.26:8080/" 例如:.env.demo "scripts": { "dev": "vite", "build": "vue-tsc --noEmit && vite build", "demo": "vue-tsc --noEmit && vite build --mode demo", "preview": "vite preview" }, 使用import.meta.env.xxx