vue入门到精通-Axios入门

Axios 是一个开源的可以用在浏览器端和 NodeJS 的异步通信框架，她的主要作用就是实现 AJAX 异
步通信，其功能特点如下：

从浏览器中创建 XMLHttpRequests
从 node.js 创建 http 请求
支持 Promise API [ JS中链式编程 ]
拦截请求和响应
转换请求数据和响应数据
取消请求
自动转换 JSON 数据
客户端支持防御 XSRF（跨站请求伪造）

新建json文件，模拟访问返回结果data.json

{
	"name": "张三",
	"url": "https://www.baidu.com",
	"page": 1,
	"address": {
		"street": "毛坦厂",
		"city": "六安",
		"country": "中国"
	}
}

测试代码

    
    
    
    
    
    



    

        {{info.name}}
    

    

http://wthrcdn.etouch.cn/weather_mini?city=巢湖

或者简写方式

    axios.get("http://wthrcdn.etouch.cn/weather_mini?city=巢湖"
    ).then (function (resp) {
        alert(JSON.stringify(resp.data));
    })

简化写法

        axios.post("https://api.apiopen.top/api/login", JSON.stringify({
            account: "1299828500@qq.com",
            password: "123456"
        })
        ).then(function (resp) {
            alert(JSON.stringify(resp.data));
        })