一 概述
在 vue2.0 项目中, 我们主要通过使用 axios 进行 http 请求。 axios 是一个基于 Promise 的 HTTP 库, 可以在 node 和浏览器中使用。
特征
- 从浏览器中创建XMLHttpRequests。
- 从 node.js 创建 http 请求。
- 支持 PromiseAPI
- 支持拦截请求和响应
- 支持转换请求数据和响应数据
- 可以取消请求
- 自动转换 JSON 数据
- 客户端支持防御 XSRF
二 axios拦截
- npm 安装 axios
npm install axios --save
- 搭建结构,新建一个vue-axios文件夹, 并且初始化文件夹运行 npm init -y
- 在该文件夹下新建一个 src 文件夹,src文件夹下新建axios文件夹, 并在 axios 文件下新建index.js文件
4. index.js中进行axios的拦截封装
5. 在 main.js 入口文件中引入 axios.js 文件
在vue中, 通过 this.$axios.get('路径')方式使用