vue中使用axois

最新推荐文章于 2025-06-20 15:02:29 发布

李帅帅哦

最新推荐文章于 2025-06-20 15:02:29 发布

阅读量1.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端文章标签： axios请求

本文链接：https://blog.youkuaiyun.com/weixin_43151921/article/details/88370836

本文介绍了在Vue项目中如何使用Axios，包括安装Axios、在main.js中引入、在http.js文件中进行方法封装以及在.vue文件中调用axios进行GET和POST请求的操作步骤。

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

1、首先安装 axios

这个在编译软件中使用的要是连编译软件都不会用这个对你来说可能不适合

npm install axios --save

2、引用axios

这个东西是哪里需要放哪里懂吗？就好像步步高点读机哪里需要点哪里但是最好放在入口文件也就是 main.js 毕竟项目入口处放这里最好

import axios from "axios";

3、方法封装，封装到 http.js 的 js 文件

封装就好比把东西放到一个箱子里放里面你用的时候直接拿来用了怎么拿来用先封装好吧看下面一步一步来急不得

引入这个东西  为什么引入？  就好比科学家没有发明飞机   你想学开飞机的技术   是不是扯淡呢   嘻嘻  调皮一下
import axios from "axios";
已经引入了   有了飞机
//暴露出去  也就是  晒一晒自己有飞机了   你就可以在其他地方开了  
    export default {
        ajaxGet (api, cb) {
            axios.get(api)
                .then(cb)
                .catch(err => {
                    console.log(err);
                })
        },
        ajaxPost (api, post, cb) {
            axios.post(api, post)
                .then(cb)