vue2自己写的脚手架怎么设置环境变量
时间: 2024-01-25 08:33:54 浏览: 170
vue脚手架-只是自己用
在Vue2自己写的脚手架中,可以通过以下步骤设置环境变量:
1. 在项目根目录下创建一个`.env`文件,并在其中设置环境变量,例如:
```
VUE_APP_API_URL=http://localhost:3000
```
2. 在代码中使用环境变量,例如:
```
axios.get(`${process.env.VUE_APP_API_URL}/api/users`)
```
3. 在`package.json`的`scripts`中设置环境变量,例如:
```
"dev": "cross-env NODE_ENV=development VUE_APP_API_URL=http://localhost:3000 vue-cli-service serve"
```
使用`cross-env`可以跨平台设置环境变量,`NODE_ENV`是Vue默认的环境变量,`VUE_APP_API_URL`是自定义的环境变量。
4. 在Webpack的配置文件中设置环境变量,例如:
```
new webpack.DefinePlugin({
'process.env': {
VUE_APP_API_URL: JSON.stringify(process.env.VUE_APP_API_URL)
}
})
```
这样就可以在代码中使用`process.env.VUE_APP_API_URL`获取环境变量了。
阅读全文