VUE系列 ---- 网络模块axios(一 )

简介: ​目录 一、选择什么网络模块?★传统的Ajax是基于XMLHttpRequest(XHR)     ☆自己封装的话比较麻烦,可能存在很多bug★Jquery-Ajax是Jquery的一部分     ☆整个Vue是没有使用到Jquery的     ☆为了网络请求而去引入Jquery是不合理的     ☆Jquery的体积和Vuejs差不多二、为什么选择axios ☆在浏览器中发送XMLHttpRequest请求      ☆在node.js中发送http请求       ☆支持Promise API        ☆拦截请求和响应         

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

目录

一、选择什么网络模块?

二、为什么选择axios

三、axios请求方式

四、axios的安装使用


image.gif编辑

一、选择什么网络模块?

★传统的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文件中引入学生管理系统接口文档

image.gif编辑

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

image.gif编辑

image.gif编辑

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

相关文章
|
1月前
|
资源调度 JavaScript
|
1月前
|
缓存 JavaScript 搜索推荐
|
30天前
|
JavaScript
如何在 Vue 项目中选择合适的模块格式
【10月更文挑战第20天】选择合适的模块格式需要综合考虑多个因素,没有一种绝对正确的选择。需要根据项目的具体情况进行权衡和分析。在实际选择过程中,要保持灵活性,根据项目的发展和变化适时调整模块格式。
21 7
|
25天前
|
前端开发 JavaScript 容器
在 vite+vue 中使用@originjs/vite-plugin-federation 模块联邦
【10月更文挑战第25天】模块联邦是一种强大的技术,它允许将不同的微前端模块组合在一起,形成一个统一的应用。在 vite+vue 项目中,使用@originjs/vite-plugin-federation 模块联邦可以实现高效的模块共享和组合。通过本文的介绍,相信你已经了解了如何在 vite+vue 项目中使用@originjs/vite-plugin-federation 模块联邦,包括安装、配置和使用等方面。在实际开发中,你可以根据自己的需求和项目的特点,灵活地使用模块联邦,提高项目的可维护性和扩展性。
|
30天前
|
JavaScript 前端开发 编译器
在 Vue 项目中使用 ES 模块格式的优点
【10月更文挑战第20天】在 Vue 项目中使用 ES 模块格式具有众多优点,这些优点共同作用,使得项目能够更高效、更可靠地开发和运行。当然,在实际应用中,还需要根据项目的具体情况和需求进行合理的选择和配置。
33 6
|
26天前
|
缓存 JavaScript UED
Vue 中异步加载模块的方式
【10月更文挑战第23天】这些异步加载模块的方式各有特点和适用场景,可以根据项目的需求和架构选择合适的方法来实现模块的异步加载,以提高应用的性能和用户体验
|
26天前
|
缓存 JavaScript
Vue加载网络组件(远程组件)
【10月更文挑战第23天】在 Vue 中实现加载网络组件(远程组件)可以通过多种方式来完成。
|
26天前
|
JavaScript 测试技术 UED
解决 Vue 项目中 Tree shaking 无法去除某些模块
【10月更文挑战第23天】解决 Vue 项目中 Tree shaking 无法去除某些模块的问题需要综合考虑多种因素,通过仔细分析、排查和优化,逐步提高 Tree shaking 的效果,为项目带来更好的性能和用户体验。同时,持续关注和学习相关技术的发展,不断探索新的解决方案,以适应不断变化的项目需求。
|
1月前
|
消息中间件 监控 网络协议
Python中的Socket魔法:如何利用socket模块构建强大的网络通信
本文介绍了Python的`socket`模块,讲解了其基本概念、语法和使用方法。通过简单的TCP服务器和客户端示例,展示了如何创建、绑定、监听、接受连接及发送/接收数据。进一步探讨了多用户聊天室的实现,并介绍了非阻塞IO和多路复用技术以提高并发处理能力。最后,讨论了`socket`模块在现代网络编程中的应用及其与其他通信方式的关系。
|
1月前
|
前端开发 JavaScript 安全
在vue前端开发中基于refreshToken和axios拦截器实现token的无感刷新
在vue前端开发中基于refreshToken和axios拦截器实现token的无感刷新
104 4
下一篇
无影云桌面