项目中开发环境，生产环境，测试环境的区别与使用

开发环境

• 故名思意码农的开发过程中使用的环境

生产环境

• 指正式投入使用的环境，即对外开放的环境

测试环境

• 指生产环境之前的测试生产环境是否稳定的环境,一般是复制生产环境的配置使用

如何在项目中丝滑的切换环境呢？

• 在根目录建立.env系列文件
• .env.development(开发环境,用于serve启动的项目)
• .env.production(生产环境，用于build打包的项目)
• .env.test(测试环境)

//在文件中可以配置下面的变量 后面写请求服务器的地址
VUE_APP_BASE_API = '需要请求API'

对应的 package.json 文件中配置命令

  "scripts": {
    "dev": "vue-cli-service serve",  对应开发环境
    "test": "vue-cli-service serve --mode test",  对应测试环境
    "build": "vue-cli-service build", 对应生产环境
    "build:test": "vue-cli-service build --mode test",对应测试环境
  },

在vue中使用的话可以直接使用 process.env.VUE_APP_BASE_API 进行取值，也就是我们预先配置好的请求地址

• 比如axios实例中

const service = axios.create({
    baseURL: process.env.VUE_APP_BASE_API,
    timeout: 10000,
})

• 比如Vue组件中(computed计算属性中同理，可以直接取值)

//Vue2.x
export default {
	data() {
		return {
			uploadUrl: process.env.VUE_APP_BASE_API,
		}
	}
}
//Vue3.x
export default {
	setup() {
		return {
			uploadUrl:'process.env.VUE_APP_BASE_API'
		}
	}
}