axios的get和post方法详解

AxiosAPI使用示例：GET与POST请求

最新推荐文章于 2024-09-05 17:38:44 发布

原创最新推荐文章于 2024-09-05 17:38:44 发布 · 351 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js

axios的get方法

get(网站地址，{参数设置，如params、headers的设置})

        axios.defaults.baseURL = "http://127.0.0.1:8000"
        let btns = document.querySelectorAll("button")
        btns[0].addEventListener("click", function () {
            //GET请求
            axios.get("/axios-server", {//前面写了axios.default.baseURL = "http://127.0.0.1:8000" 所以不用写完整的
                params: {
                    id: 100,
                    vip: 7
                },
                headers: {
                    name: "atguigu",
                    age: 20
                }
            }).then(value => {
                console.log(value)

            })
        })

axios的post方法

post(网站地址，{参数设置，{data的设置}，如params、headers的设置})

let btn = document.querySelector("#button01")
        btn.addEventListener("click", function () {
            axios.post("http://127.0.0.1:8000/axios-server", {
                data: {
                    gfgdf: "GFdgdf",
                    htertfd: "Htrgffd"
                }
            }, {
                params: {
                    name: "paprika",
                    age: 20
                },
                headers: {
                    id: 800,
                    vip: 451
                }
            }).then(value => {
                console.log(value)

            })
        })