Vue.js 原生axios实现get和post请求 & PostMan请求数据格式

1.Vue.js 中 实现原生axios中的GET&POST请求

1。导入axios库

 <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

2。实现GET请求 （https://autumnfish.cn/api/joke/list?[num=?]）测试网址

 <script>
        document.getElementById("get").onclick = function() {

            axios.get("https://autumnfish.cn/api/joke/list?num=6")
                .then(res => {
                    console.log(res)
                })
                .catch(err => {
                    console.error(err);
                })
            console.log("object");
       
        }

返回结果如下：

3。实现POST请求 (https://autumnfish.cn/api/user/reg) 测试网址

  document.querySelector("#post").onclick = function() {
            axios.post("https://autumnfish.cn/api/user/reg", {
                    username: "张三"
                })
                .then(function(response) {
                    console.log(response);
                })
                .catch(function(error) {
                    alert(error)
                })
        }

返回结果如下：

2.PostMan请求网址测试：

1.这里需要注意的是，传入的数据是json数据，而不是表单数据，否则会提示提交的数据不正确

2.应该使用正确的json数据传递方式：