Axios基础使用-优快云博客

未经允许不得随意转载，著作权归__盛某人所有

本文链接：https://blog.youkuaiyun.com/NaXieNianWoMenYiQ/article/details/133006016

博客介绍了axios的Get、POST请求语法，指出PUT和DELETE请求与POST类似，还说明了在Vue中使用Axios的方法，即编写http.js文件并引入main.js。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

axios的Get请求语法：

axios.get("/item/category/list?pid=0") // 请求路径和请求参数拼接
    .then(function(resp){
        // 成功回调函数
    })
    .catch(function(){
        // 失败回调函数
    })
// 参数较多时，可以通过params来传递参数
axios.get("/item/category/list", {
        params:{
            pid:0
        }
    })
    .then(function(resp){})// 成功时的回调
    .catch(function(error){})// 失败时的回调

axios的POST请求语法：

axios.post("/user",{
        name:"Jack",
        age:21
    })
    .then(function(resp){
    })
    .catch(function(error){
    })

PUT和DELETE请求与POST请求类似

Vue中使用Axios：

编写一个js文件http.js

import Vue from 'vue'
import axios from 'axios'
import config from './config'

axios.defaults.baseURL = config.api; // 设置axios的基础请求路径
axios.defaults.timeout = 2000; // 设置axios的请求时间

axios.loadData = async function (url) {
  const resp = await axios.get(url);
  return resp.data;
}

Vue.prototype.$http = axios;// 将axios添加到 Vue的原型，这样一切vue实例都可以使用该对象