vue-resources&axios
2023-09-11 14:17:23 时间
vue-resource
vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应。
vue-resource特点:
- 体积小
vue-resource非常小巧,在压缩以后只有大约12KB,服务端启用gzip压缩后只有4.5KB大小,这远比jQuery的体积要小得多。
- 支持主流的浏览器
和Vue.js一样,vue-resource除了不支持IE 9以下的浏览器,其他主流的浏览器都支持。
- 支持Promise API和URI Templates,Promise是ES6的特性,Promise的中文含义为“先知”,Promise对象用于异步计算。
URI Templates表示URI模板,有些类似于ASP.NET MVC的路由模板。
- 支持拦截器
拦截器是全局的,拦截器可以在请求发送前和发送请求后做一些处理。
拦截器在一些场景下会非常有用,比如请求发送前在headers中设置access_token,或者在请求失败时,提供共通的处理方式。
vue-resouce的使用:
- 引入vue-resource
<script src="js/vue.js"></script>
<script src="js/vue-resource.js"></script>
- 引入vue-resource后,可以基于全局的Vue对象使用http,也可以基于某个Vue实例使用http。
axios:
vue2.0之后,就不再对vue-resource更新,而是推荐使用axios。基于 Promise 的 HTTP 请求客户端,可同时在浏览器和 Node.js 中使用。
功能特性
1、在浏览器中发送 XMLHttpRequests 请求
2、在 node.js 中发送 http请求
3、支持 Promise API
4、拦截请求和响应
5、转换请求和响应数据
6、取消请求
7、自动转换 JSON 数据
8、客户端支持保护安全免受 CSRF/XSRF 攻击
安装 axios
$ npm install axios
在要使用的文件中引入axios
import axios from 'axios'
相关文章
- 《编程导论(Java)·3.1.2 方法》之 副作用
- [转] vue自定义组件(通过Vue.use()来使用)即install的使用
- 配置Flink依赖的pom文件时报错:flink-clients_2.11 & flink-streaming-java_2.11
- 【css/vue】Vue组件中对body操作样式的一种解决方案
- POJ3370&HDU1808 Halloween treats【鸽巢原理】
- Vue - 实现信纸输入写作,类似写明信片时的一张背景图片 + 横格纸效果(信纸格子与文字自动对齐、支持自定义背景图、文字或横线大小与颜色,一切由您 DIY 自定义样式)纯CSS完成支持任何vue项目
- Vue vue-awesome-swiper 的坑
- vue.js-详解三大流行框架VUE_快速进阶前端大咖-Vue基础
- &简单使用记录
- Spring MVC的Post请求参数中文乱码的原因&处理
- vue从入门到进阶:渲染函数 & JSX(八)
- 2014元旦第1周三新的尝试&爬山丢失望远镜
- CALayer & bitmap Content
- pytorch之网络参数统计 torchstat & torchsummary
- 浅谈vue中插件的使用方法Vue.use(xxx),原理及实现
- 统计学方法&机器学习实战 (五、六) 回归、支持向量机
- Effective JavaScript Item 54 将undefined视为"没有值"
- 乞讨 间隔[a,b]在见面p^k*q*^m(k>m)中数号码
- Django+Vue项目学习第九篇:vue项目部署到服务器
- Vue学习第14天——vue自定义事件及详细代码演示
- VUE&Element,能够进行简单的 Element 页面修改, 能够完成查询所有功能, 能够完成添加功能
- MySQL 起别名&&去重