vue安装 axios

最新推荐文章于 2024-09-18 23:45:31 发布

原创最新推荐文章于 2024-09-18 23:45:31 发布 · 239 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何通过npm安装Axios并将其作为开发依赖保存，随后在Vue项目中main.js文件导入Axios，实现API接口的调用。通过实例展示了在Vue组件中使用$http.get方法获取数据的过程。

cnpm install axios

npm install axios --save-dev

如果想看自己是否下载成功打开你的package.json 看看有没有axios的版本信息

2.main.js中导入
　　import axios from 'axios'; /* 引入axios进行地址访问*/
　　Vue.prototype.$http = axios;

<script>
  export default {
        name: "page1",
      data(){
          return{
            users:[],
            num:[],  
          }
      },
      components:{footbar,card_item},
      created(){

       this.$http.get("http://localhost:8080/mobile?FPKID="+this.FPKID+"&FCLR="+this.FCLR+"  ").then((res)=>{
          console.log("111"+res.data);
          this.users=res.data.Data[0];
          this.num=res.data.Data;
        })
      }
    }
</script>