vue2脚手架,如何使用env
时间: 2023-07-18 21:31:09 浏览: 45
在Vue2脚手架中,我们可以使用`env`来配置环境变量。以下是具体步骤:
1. 在项目根目录下创建`.env`文件,用于存放全局的环境变量。例如:
```ini
VUE_APP_BASE_URL=http://localhost:3000/api
```
在`.env`文件中,我们可以定义任意数量的环境变量,每个变量以`VUE_APP_`开头,并使用`=`号将变量名和变量值分隔。
2. 在Vue项目的代码中,使用`process.env.VUE_APP_`来引用环境变量。例如:
```javascript
import axios from 'axios'
axios.get(`${process.env.VUE_APP_BASE_URL}/users`)
.then(response => {
console.log(response.data)
})
.catch(error => {
console.log(error)
})
```
在以上代码中,我们使用`process.env.VUE_APP_BASE_URL`来拼接请求URL,这样就可以根据不同的环境自动切换baseURL了。
需要注意的是,Vue2脚手架会自动加载`.env`文件中的环境变量,并将这些变量注入到Webpack的环境变量中。如果你需要在Webpack配置文件中使用这些环境变量,可以通过以下方式来获取它们:
```javascript
const BASE_URL = process.env.VUE_APP_BASE_URL
```
在Webpack配置文件中,我们可以直接使用`process.env.VUE_APP_`来引用环境变量。