Axios HTTP 请求库

什么是axios

axios 是一个基于 Promise 的 HTTP 请求库，可以让你在 Vue 或者 React 中 向服务器发送请求、获取数据。

它能做这些事：

• 向后端发送 GET、POST、PUT、DELETE 等请求
• 携带参数、token、请求头等
• 接收服务器返回的数据（比如 JSON）
• 处理错误（比如 404、500）
• 做请求/响应拦截器（比如统一加 token）

安装axios

npm install axios

axios使用案例（Vue）

直接使用

import axios from 'axios'

// 发 GET 请求
axios.get('https://api.example.com/user')
  .then(response => {
    console.log(response.data) // 处理返回数据
  })
  .catch(error => {
    console.error(error) // 错误处理
  })

封装成模块

使用到封装好的axios

import { userInfoService } from "@/api/user.js"

上面的userInfoService 很可能是封装了 axios 请求

// user.js
import axios from 'axios'

export const userInfoService = () => {
  return axios.get('/api/user/info')
}

定义统一请求前缀

const baseURL = '/api';
const instance = axios.create({ baseURL })

• 设置了一个统一的请求前缀 /api，这样你在调用时就不用写全路径了。
• instance 就是一个"定制版"的 axios，可以拿它来发请求。