VUE系列 ---- 网络模块axios（一）

2024-05-10 08:40:27

前言：今天叶秋学长带领大家学习VUE系列专栏中的网络模块学习，废话不多说上干货~~

目录

一、选择什么网络模块？

二、为什么选择axios

三、axios请求方式

四、axios的安装使用

一、选择什么网络模块？

★传统的Ajax是基于XMLHttpRequest(XHR)

☆自己封装的话比较麻烦，可能存在很多bug

★Jquery-Ajax是Jquery的一部分

☆整个Vue是没有使用到Jquery的

☆为了网络请求而去引入Jquery是不合理的

☆Jquery的体积和Vuejs差不多

二、为什么选择axios

☆在浏览器中发送XMLHttpRequest请求 ☆在node.js中发送http请求 ☆支持Promise API ☆拦截请求和响应 ☆转换请求和响应数据

三、axios请求方式

★请求方式

☆axios(config) ☆axios.request(config) ☆axios.get(url[,config]) ☆axios.delete(url[,config]) ☆axios.head(url[,config]) ☆axios.post(url[,data[,config]]) ☆axios.put(url[,data[,config]]) ☆axios.patch(url[,data[,config]])

四、axios的安装使用

★ http://www.axios-js.com/zh-cn

安装:创建脚手架后,在终端输入Npm install axios;

配置:在main.js文件中引入学生管理系统接口文档

在main.js直接可以写调用接口：

今天的分享到此为止，关注博主不迷路，叶秋学长带你上高速~~

VUE系列 ---- 网络模块axios（一）相关推荐

【前端vue——系列6】vue连接摄像头并实现摄像头暂停，计时，截图到本地等功能
系列文章总结 [前端vue--系列1]vue的路由 [前端vue--系列2]vue中的data是函数而不是对象与computed的实现原理 [前端vue--系列3]vue框架的优缺点:vue实现双向绑 ...
vue 网络请求 axios vue POST请求 vue GET请求代码示例
QQ技术交流群 173683866 526474645 欢迎加入交流讨论,打广告的一律飞机票 1.安装 axios 和 vue-axios 和 qs (qs是为了解决post默认使用的是x-www-f ...
vue全家桶 ---axios的使用和二次封装
1.前提基础本文在vue项目搭建的基础上,vue-router路由配置的基础上,对vue项目中axios的使用进行介绍. 2.axios的使用以及拦截器的设置. 安装axios cnpm i axi ...
每天一点点之vue框架开发 - axios解决跨越问题
每天一点点之vue框架开发 - axios解决跨越问题参考文章: (1)每天一点点之vue框架开发 - axios解决跨越问题 (2)https://www.cnblogs.com/cap-rq/p ...
Vue + Spring Boot——axios使用GET以参数的方式传递对象到SpringMVC解决方案
问题描述 SpringMVC中GET默认接收对象的格式 axios中GET默认发送对象的格式官方文档 axios:http://www.axios-js.com/zh-cn/docs/#请求配置 q ...
java post请求 json_好程序员Java教程分享Vue插件之Axios
好程序员Java教程分享Vue插件之Axios 环境安装: npm install --save axios vue-axios //安装axios Npm install //安装依赖在main. ...
vue axios 发送get请求传递参数给后端失败_Java之Vue插件之Axios
Java之Vue插件之Axios,环境安装: npm install --save axios vue-axios //安装axios Npm install //安装依赖在main.js中注册 i ...
vue中Ajax(axios)及Ajax(vue-resource)的使用方法
目录 Vue.js Ajax(axios) GET 方法请求方法的别名并发请求配置项响应结
[vue] 如果将axios异步请求同步化处理？
[vue] 如果将axios异步请求同步化处理? // 统一处理axios请求async getHistoryData (data) {try {let res = await axios.get(' ...
[vue] 你了解axios的原理吗？有看过它的源码吗？
[vue] 你了解axios的原理吗?有看过它的源码吗? 1.axios通过对Promise的封装实现异步请求: 2. if(answer == '有'){ if(这个问题到此为止){ return ...

最新文章

热门文章