vue中使用axois

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)
                .catch(err => {
                    console.log(err);
                })
        },
    }

4、axios引用到 .vue 文件

还要给飞机管理部门报个到

import http from './../common/js/http'

get请求和post

    // 你在哪里开飞机  你就给谁报到   也就是说        import http from './../common/js/http'    要和下面的一起用
    //
    
http.ajaxGet(url, res => {
	console.log(res)               
});

http.ajaxPost(url, obj, res => {
 console.log(res)               
});

这些看得人应该 大致会把 我去 如果不会 直接联系我 我告诉你 我很有耐心 别担心其他的

你可能感兴趣的:(前端)