axios的基本使用方法

axios的基本使用方法

• 在引入vue文件之后引入axios.js

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

• 创建newVue

• 填写url接口

  • 列表获取 get请求
    http://www.liulongbin.top:3005/api/getprodlist

  • 删除商品 get请求 116276代表商品id
    http://www.liulongbin.top:3005/api/delproduct/116276

  • 添加商品 post请求 请求参数:name(品牌名称)
    http://www.liulongbin.top:3005/api/addproduct

  • 搜索商品 get请求 请求参数:searchvalue(搜索内容)

    http://www.liulongbin.top:3005/api/getprodlist

• 填写newVue中的mounted()

<script>
    new Vue({
        el: "#app",
        data:{},
        mounted() {
            var url = "http://www.liulongbin.top:3005/api/getprodlist";
            axios.get(url).then(function (res) {  
            console.log(res.data);//打印出来的是一个object
            })
        },
    })
</script>