浅谈 axios 在 vue 中的使用方法

文章目录

    • 前言
    • 什么是axios
    • axios 与 AJAX 的关系
    • axios 的使用
      • 安装
      • 官方案例[^2]
    • axios 在 vue 中的使用
    • axiso拦截器

前言

AJAX是每个网站必定使用到的技术。在vue中,推荐使用的axios。类似与JQuery封装的AJAX方法,axios也有自己一套成熟的AJAX 操作方法。

什么是axios

官方文档说明如下:

axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。

有如下特性:

  • 从浏览器中创建 XMLHttpRequests
  • 从 node.js 创建 http 请求
  • 支持 Promise API
  • 拦截请求和响应
  • 转换请求数据和响应数据
  • 取消请求
  • 自动转换 JSON 数据
  • 客户端支持防御 XSRF (Cross Site Request Forgery, 跨站域请求伪造)也称 XSRF, 是一种网络的攻击方式

axios 与 AJAX 的关系

  1. Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。1可以使页面实现局部异步刷新。
  2. 谈价AJAX,我们经常联想到JQuery对AJAX封装的方法。但是由于JQuery对于庞大,如果单单为了使用AJAX而去引入JQuery,显然是对资源的一种消耗。
  3. 其实axios也是对AJAX的一种封装,而且使用较为前言的JS技术。有着Jquery封装的AJAX没有的新特性。对开发人员更为友好。

axios 的使用

安装

  1. 使用 npm:
$ npm install axios
  1. 使用 bower:
$ bower install axios
  1. 使用 cdn:

                    
                    

你可能感兴趣的:(vue,vue.js,axios)