npm install axios

import axios from 'axios'
axios.get('https://api.example.com/users')
  .then(response => {
    console.log('用戶列表:', response.data)
  })
  .catch(error => {
    console.error('請(qǐng)求失敗:', error)
  })

axios.post('https://api.example.com/login', {
  username: 'admin',
  password: '123456'
})
.then(res => {
  console.log('登錄成功:', res.data)
})
.catch(err => {
  console.error('登錄失敗:', err)
})

fetch('https://api.example.com/users')
  .then(response => response.json())
  .then(data => {
    console.log('用戶列表:', data)
  })
  .catch(err => {
    console.error('請(qǐng)求失敗:', err)
  })

fetch('https://api.example.com/login', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    username: 'admin',
    password: '123456'
  })
})
.then(response => response.json())
.then(data => {
  console.log('登錄成功:', data)
})
.catch(err => {
  console.error('登錄失敗:', err)
})

// utils/request.js
import axios from 'axios'
const service = axios.create({
  baseURL: '/api', // 所有請(qǐng)求默認(rèn)添加 /api 前綴
  timeout: 5000,  // 超時(shí)時(shí)間
})
// 請(qǐng)求攔截器
service.interceptors.request.use(config => {
  // 可在此添加 token、loading 等操作
  return config
}, error => {
  return Promise.reject(error)
})
// 響應(yīng)攔截器
service.interceptors.response.use(response => {
  // 統(tǒng)一處理響應(yīng)數(shù)據(jù)
  return response.data
}, error => {
  // 統(tǒng)一錯(cuò)誤提示
  console.error('請(qǐng)求出錯(cuò):', error)
  return Promise.reject(error)
})
export default service

import request from '@/utils/request'
export default {
  methods: {
    async fetchUsers() {
      try {
        const users = await request.get('/users')
        console.log('用戶數(shù)據(jù):', users)
      } catch (err) {
        alert('獲取用戶失敗')
      }
    }
  }
}