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>