vue：axios安装与使用

最新推荐文章于 2025-10-05 06:39:06 发布

原创最新推荐文章于 2025-10-05 06:39:06 发布 · 511 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端

笔记专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何在 Vue.js 应用中安装和使用 Axios库进行HTTP请求。首先通过npm安装axios，然后在main.js文件中全局引入并挂载到Vue原型上。接着展示了在Vue组件中调用get和post方法发送请求，并处理返回的数据及错误。这使得开发者能够方便地在Vue应用中进行API交互。

安装

npm install axios

引入

在main.js中引入axios

import axios from 'axios'
Vue.prototype.$axios = axios

使用

在vue页面中使用axios

this.$axios.get('url', {
    params: {
        id: 1
    }
}).then(res => {
    console.log(res)
}).catch(err => {
    console.log(err)
})

this.$axios.post('url', {
    id: 1
}).then(res => {
    console.log(res)
}).catch(err => {
    console.log(err)
})