axios的基本用法

下面有原生axios基本用法和vue2的axios用法和vue3的axios用法

axios最基本的用法

代码：

页面效果：

控制台数据获取到的数据展示：

 

如何在vue2中来写axios呢？这里只展示基本用法

第一步axios包

在控制台输入

 第二步在src目录下面写一个api文件

 

 第三步：在你需要的组件使用如下代码（我在app根组件来展示）

代码：

控制台打印效果：

页面展示：

如何使用vue3来发起axios请求呢？

在vue3中我使用我之前的项目来展示axios使用方法

第一步肯定就是先导包，上面说了导包的步骤

第二步就是封装request：

 第三步在我们想使用的组件中使用

代码： 

展示内容： 

最后小杨在这里说一句 尽量少访问我的服务器端口，服务器太小我怕人太多了崩了，仅供学习参考用 axios还有很多用法 比如说响应拦截器等等 这里就介绍了基本的语法，希望大家喜欢