本文共 782 字，大约阅读时间需要 2 分钟。

1.简介

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

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

【官方】：

由于 Vue.js 是一个 视图层框架 并且作者（尤雨溪）严格准守 SoC （关注度分离原则），所以Vue.js 并不包含 AJAX 的通信功能。为了解决通信问题，且少用jQuery（因为它操作Dom太频繁！），所以就推荐使用Axios。

2.第一个Axios程序

咱们开发的接口大部分都是采用 JSON 格式，可以先在项目里模拟一段 JSON 数据。

data.json

{
     "name": "哈哈哈",  "url": "https://baidu.com",  "page": 1,  "address": {
       "street": "奥特曼",    "city": "阳光",    "country": "日本"  }}

html

    
           
       
                   
         
   
      
    
     名称：{
  {info.name}}
    
      
    
     地址：{
  {info.address.country}}-{
  {info.address.city}}- {
  {info.address.street}}
    
      
    
     链接：
     {
  {info.url}}
    
   

转载地址：http://mkazi.baihongyu.com/