在Vue项目开发中，获取baseURL是一项常见且重要的操作，它能够帮助我们更灵活地处理接口请求等问题。接下来就为大家详细介绍几种在Vue中获取baseURL的方法。

在Vue项目的配置文件中进行设置。在vue.config.js文件里，可以通过devServer选项来配置代理。例如：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'https://example.com',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

这里将/api开头的请求代理到了https://example.com，这样在开发环境中，我们就可以通过/api来访问目标服务器的接口。在组件中使用时，就可以简单地使用相对路径，如axios.get('/api/user')，Vue会自动将其转换为实际的目标地址。

另外一种方式是使用环境变量。在Vue项目根目录下创建.env文件（如果是开发环境，也可创建.env.development文件；生产环境则是.env.production）。在.env文件中定义一个变量，比如：

VUE_APP_BASE_URL = https://example.com

然后在组件中获取这个变量。可以通过process.env来访问环境变量，示例代码如下：

export default {
  data() {
    return {
      baseURL: process.env.VUE_APP_BASE_URL
    }
  },
  mounted() {
    console.log(this.baseURL);
  }
}

这样就能够在组件中获取到我们定义的baseURL。

还有一种情况是使用axios实例。我们可以创建一个axios实例，并在实例中设置baseURL。首先引入axios，然后创建实例：

import axios from 'axios';

const instance = axios.create({
  baseURL: 'https://example.com'
});

export default instance;

之后在组件中引入这个实例并使用，比如：

import api from '@/api';

export default {
  methods: {
    async getUser() {
      const response = await api.get('/user');
      console.log(response.data);
    }
  }
}

通过以上几种方法，我们可以根据项目的实际需求，灵活选择合适的方式来获取baseURL，从而优化我们的Vue项目开发流程，提高开发效率和代码的可维护性。