// api.js
import axios from 'axios';

// 创建 axios 实例
const apiClient = axios.create({
  baseURL: 'https://your-api-endpoint.com',
  headers: {
    'Content-Type': 'application/json',
    'Authorization': `Bearer ${localStorage.getItem('token')}`  // 如果需要身份验证
  }
});

// 获取用户信息
export function getUserInfo(userId) {
  return apiClient.get(`/users/${userId}`);
}

// 更新用户信息
export function updateUserInfo(userId, data) {
  return apiClient.put(`/users/${userId}`, data);
}

// 创建用户
export function createUser(data) {
  return apiClient.post('/users', data);
}

// UserProfile.vue
import { getUserInfo, updateUserInfo } from './api';

export default {
  data() {
    return {
      user: {}
    };
  },
  mounted() {
    this.fetchUserInfo(1);  // 获取用户信息
  },
  methods: {
    async fetchUserInfo(userId) {
      try {
        const response = await getUserInfo(userId);
        this.user = response.data;
      } catch (error) {
        console.error('Error fetching user info:', error);
      }
    },
    async saveUserInfo() {
      try {
        const response = await updateUserInfo(this.user.id, this.user);
        this.user = response.data;
      } catch (error) {
        console.error('Error saving user info:', error);
      }
    }
  }
};

try {
  const response = await axios.get('/api/endpoint');
  // 成功处理
} catch (error) {
  console.error('API请求失败', error);
  // 错误提示
  this.$toast.error('请求失败，请稍后重试');
}

axios.get('/api/endpoint')
  .then(response => {
    // 处理响应数据
  })
  .catch(error => {
    if (error.response) {
      // 请求已发出，且服务器响应了状态码
      if (error.response.status === 401) {
        // 处理未授权错误
      } else if (error.response.status === 500) {
        // 处理服务器错误
      }
    } else if (error.request) {
      // 请求已发出，但没有响应
      console.error('没有响应');
    } else {
      console.error('发生了其他错误', error.message);
    }
  });

apiClient.interceptors.request.use(
  config => {
    // 可以在请求头中添加认证信息或其他全局信息
    const token = localStorage.getItem('token');
    if (token) {
      config.headers.Authorization = `Bearer ${token}`;
    }
    return config;
  },
  error => {
    return Promise.reject(error);
  }
);

apiClient.interceptors.response.use(
  response => {
    // 可以在这里做响应的统一处理，例如根据返回的状态码做全局的处理
    return response;
  },
  error => {
    // 统一错误处理
    if (error.response.status === 401) {
      // 处理未授权，可能是用户需要重新登录
      alert('未授权，请重新登录');
    }
    return Promise.reject(error);
  }
);

// GET 请求
axios.get('/api/users', {
  params: {
    page: 1,
    limit: 10
  }
});

// POST 请求
axios.post('/api/users', {
  name: 'John Doe',
  email: '[email protected]'
});

const apiClient = axios.create({
  baseURL: process.env.VUE_APP_API_BASE_URL || 'https://your-api-endpoint.com',
  headers: {
    'Content-Type': 'application/json'
  }
});

async fetchUsers(page = 1, limit = 20) {
  try {
    const response = await axios.get('/api/users', {
      params: { page, limit }
    });
    this.users = response.data;
  } catch (error) {
    console.error(error);
  }
}

const puppeteer = require('puppeteer');
(async () => {
  const browser = await puppeteer.launch({args: ['--no-sandbox']});
  const page = await browser.newPage();
  await page.goto("https://www.baidu.com");
  await browser.close();
})()