Vue.js 2 脚手架:.env.development 文件使用指南
在 Vue.js 2 脚手架中,'.env.development' 文件用于配置开发环境的环境变量。您可以设置自定义环境变量,如 API 接口地址、数据库连接等。
使用方法:
- 在项目根目录下创建 '.env.development' 文件。
- 在文件中设置环境变量,例如:
VUE_APP_API_URL='http://localhost:3000'
- 在 Vue 组件中使用
process.env获取环境变量,例如:
axios.get(`${process.env.VUE_APP_API_URL}/api/user`).then(response => {
console.log(response.data)
})
注意:
VUE_APP_是一个特殊的前缀,只有以该前缀开头的变量才会被加载到process.env中。- 修改 '.env.development' 文件后,需要重新启动开发环境才能生效。
原文地址: https://www.cveoy.top/t/topic/m2K2 著作权归作者所有。请勿转载和采集!