Vue.js 学习笔记(三) 对服务器数据的访问

这篇Vue.js学习笔记介绍了如何使用axios通过webAPI访问服务器数据。首先讲解了axios的安装步骤,然后阐述了axios的基本用法,包括get、post等方法,并提到可以通过封装来定制api。接着,讨论了axios的异步调用机制,即通过then和catch处理成功和失败的回调。最后,提到了处理服务器接口访问认证的方法,展示了一个添加票根信息到请求头的例子。
摘要由CSDN通过智能技术生成

vue.js可采用axios通过webapi方式实现服务器端数据的访问,

1、axios的安装

cnpm install axios --save-dev 在命令行下使用上述命令可实现在vue-cli环境下获取axios;

2、使用axios

详细可参见:https://www.kancloud.cn/yunye/axios/234845 

axios的使用比较简单,主要通过get、post、put、delete等方式实现对服务器端方法的访问,api函数主要有:

import axios from 'axios'

axios.get(url,params);
axios.post(url,params);
axios.put(url,params);
axios.delete(url,params);

可根据自己的需要对上述函数进行封装;

3、axios调用返回

axios采用异步方式访问函数结果 ,即:调用成功通过then 方法实现回调函数返回结果;调用失败通过catch方法返回结果;

示例如下:

 login(userid,password)
  {
    let option={};
    let axios = new AxiosApplication("");

    option.url=this.prefix+"/user/login";
    option.params
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值