vue2脚手架中,baseURL: process.env.VUE_APP_API_BASEURL,总是无法识别,我只创建了环境文件,vue.config.js中无任何配置
时间: 2024-03-11 17:49:58 浏览: 132
Vue项目中最新用到的一些实用小技巧
如果你的 Vue2 项目中没有 vue.config.js 文件,并且也没有做任何相关的配置,那么在使用 process.env.VUE_APP_API_BASEURL 变量时可能会存在问题。这时候你可以尝试以下两种方法:
1. 使用 .env.development 文件
在 Vue2 项目中,你可以使用 .env.development 文件来定义开发环境的环境变量。你可以在该文件中定义 VUE_APP_API_BASEURL 变量,例如:
```
VUE_APP_API_BASEURL=http://localhost:3000/api
```
然后你就可以在项目中使用 process.env.VUE_APP_API_BASEURL 变量了。
2. 在 main.js 中手动引入环境变量
如果你不想使用 .env 文件来定义环境变量,你可以在 main.js 文件中手动引入环境变量。例如:
```javascript
import Vue from 'vue'
import App from './App.vue'
import axios from 'axios'
Vue.config.productionTip = false
axios.defaults.baseURL = process.env.VUE_APP_API_BASEURL
new Vue({
render: h => h(App),
}).$mount('#app')
```
这样就可以在整个项目中使用 axios.defaults.baseURL 来访问 API 了。
阅读全文