vue axios dev prd 不同baseurl
时间: 2023-07-11 16:00:06 浏览: 140
vue axios 给生产环境和发布环境配置不同的接口地址(推荐)
好的,你可以在 Vue 中通过配置 axios 实例来处理不同环境下的 baseURL。具体实现步骤如下:
1. 创建不同环境的配置文件:在 Vue 项目的根目录下,新建 `.env.development`、`.env.production` 等文件来分别存放不同环境的配置。
2. 在配置文件中设置 baseURL:在每个配置文件中设置 `VUE_APP_BASE_API` 变量来存放对应环境下的 baseURL,例如:
```
// .env.development
VUE_APP_BASE_API=http://localhost:8080/api
// .env.production
VUE_APP_BASE_API=https://api.example.com
```
3. 在 axios 实例中引用 baseURL:在 Vue 项目中,可以在 `main.js` 中引入 axios 并进行配置,如下所示:
```
import axios from 'axios'
const instance = axios.create({
baseURL: process.env.VUE_APP_BASE_API
})
Vue.prototype.$http = instance
```
这样,在不同环境下,axios 实例会根据不同的配置文件读取对应的 baseURL。
希望这能够帮到你,如果你还有其他问题,请继续提问。
阅读全文