hualinux 进阶 vue 4.0:使用axios与后端交互

本文介绍了Vue框架与axios库的集成,详细讲述了vue-axios的安装与使用,包括CommonJS和WebStorm中的配置,以及一个实战例子,涉及前后端分离和RESTful API的交互,还提到了CORS跨域问题的解决方案预告。

目录

一、axios介绍

二、aiios安装

2.1 vue-axios安装介绍

CommonJS:

2.2 使用webStorm安装

三、例子


前面说所说的vue及相关组件都没有与后端交互。

因为显示设备的多样化,现在基本上都是使用前后端分离,后端基本上都是使用api方式,基本上是以restful api为主。

所以这篇开始讲使用axios与后端api交互。可以先看一下vue.js官方的《使用 axios 访问 API》及 “axios中文文档”中的vue-axios

一、axios介绍

有很多时候你在构建应用时需要访问一个 API 并展示其数据。做这件事的方法有好几种,而使用基于 promise 的 HTTP 客户端 axios 则是其中非常流行的一种。

Fetch API 是一个用于此类请求的强大的原生 API。你可能听说过 Fetch API 其中的一个好处,就是你不需要在使用它的时候额外加载一个外部资源。确实如此!但是……目前它还没有被浏览器完全支持,所以你仍然需要一个 polyfill。使用这个 API 还有很多别的注意事项,这也是为什么大家现阶段还是更喜欢 axios 多一些。当然这个事情在未来可能会发生改变。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值