给我一段vue项目通过axios库调用后台接口的代码

在Vue项目中，通常会使用axios库来进行HTTP请求。以下是一个简单的示例，展示如何创建一个axios实例并发送GET请求到后台接口：

// 导入axios库
import axios from 'axios';

// 创建axios实例，可以配置全局默认选项
const service = axios.create({
  baseURL: process.env.VUE_APP_API_URL, // api的base_url
  timeout: 5000, // 请求超时时间
  headers: { 'Content-Type': 'application/json' } // 默认请求头
})

// 定义一个获取数据的方法
export function fetchData(params) {
  return new Promise((resolve, reject) => {
    service.get('/api/data', { params }) // 发送GET请求
      .then(response => {
        if (response.data.status === 'success') {
          resolve(response.data.data)
        } else {
          reject(response.data.message)
        }
      })
      .catch(error => {
        reject(error.response.data || error.message)
      })
  })
}

// 使用方法示例
fetchData({ userId: 1 }).then(data => {
  console.log('获取的数据:', data);
}).catch(error => {
  console.error('请求失败:', error);
})