您当前的位置： 首页 > 慢生活 > 程序人生 网站首页程序人生

13axios请求数据完整

发布时间：2023-04-09 22:47:36编辑：雪饮阅读（）

安装axios
npm install axios --save
使用axios
这个axios不是vue官方插件，是一个第三方模块。模块的话，那么使用起来其实就是和我们之前09中的模块化以及封装Storage组件实现保存搜索的历史记录--完整 (gaojiupan.cn)
这个差不多。
App.vue如
<template>
  <div id="app">
    <button @click="sendRequest()">发起一个请求</button>
  </div>
</template>
 
<script>
    import Axios from 'axios'
    export default {    
      data () {
        return {
          flag:true
        }
      },
      methods:{
        sendRequest(){
          var api="http://www.phonegap100.com/appapi.php?a=getPortallist&catid=20&page=1";
          Axios.get(api).then(function(response){
              console.log("response:",response);
          }).catch(function(error){
            console.log("error:",error);
          });
        }
      },
    }
</script>