vue axios dev prd 不同baseurl

好的，你可以在 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。

希望这能够帮到你，如果你还有其他问题，请继续提问。

相关问题

vue封装axios多个baseurl

可以通过创建多个axios实例来实现vue封装axios多个baseurl的需求。每个实例可以设置不同的baseurl，然后在需要发送请求的时候选择对应的实例即可。

具体实现步骤如下：

1. 在src目录下创建一个api目录，用于存放所有的axios实例。

2. 在api目录下创建一个index.js文件，用于统一管理所有的axios实例。

3. 在index.js文件中引入axios，并创建多个axios实例，每个实例设置不同的baseurl。

4. 在需要发送请求的组件中，引入对应的axios实例，并使用该实例发送请求。

示例代码如下：

// api/index.js

import axios from 'axios'

const instance1 = axios.create({
baseURL: 'http://api.example.com'
})

const instance2 = axios.create({
baseURL: 'http://api.anotherexample.com'
})

export { instance1, instance2 }

// 组件中使用

import { instance1, instance2 } from '@/api'

instance1.get('/user').then(res => {
console.log(res.data)
})

instance2.post('/login', { username: 'admin', password: '123456' }).then(res => {
console.log(res.data)
})

vueaxios设置baseurl

在Vue中使用axios设置baseURL有多种方式。其中一种方式是在入口文件main.js中全局引入axios，并设置axios的defaults.baseURL属性为指定的URL地址。具体步骤如下：
1. 在main.js文件中，使用import语句引入axios库：import axios from 'axios'。
2. 在main.js文件中，通过Vue.prototype.$http = axios将axios挂载到Vue的原型上，这样在组件中就可以通过this.$http来使用axios。
3. 设置axios的defaults.baseURL属性为指定的URL地址，例如axios.defaults.baseURL = 'http://www.liulongbin.top:3005/'。

另外，还可以采用其他方式来设置baseURL，如将axios的defaults.baseURL属性设置为process.env.API_ROOT（引用中的方式），或者通过在组件中使用axios来发送请求时，直接指定URL地址为绝对路径（引用中的方式）。

综上所述，可以根据具体需求选择不同的方式来设置vue axios的baseURL。