【Vue】使用 axios 发送ajax 请求
创始人
2024-02-01 23:31:19
在 Vue 里面我们如何去发送一些 Ajax(阿贾克斯)请求 从远程的网站上获取一些数据。
假如我们有这样的接口的地址：
https://www.xxxx.site
假设它是一个能跨域访问的接口。
如果我们想去在我们的代码里面发这种请求，我该怎么做？
首先我们要安装一个能够发请求的工具，在控制台里面运行一下npm install：
当你安装完了之后，我们就可以来写我们的代码了，
我先启动服务器：
我们可以先来写一下我们的代码，想发一个请求。
首先在About页面我们去引入 axios，
如果我想发一个请求，我怎么发?
在setup函数里面，我们可以在顶部去写一下axios点get，【类比Python中的requests.get】
然后我们写一下发送到哪个接口，发送到这个接口：
https://www.xxxx.site
然后我们写一个点then，
然后我们会获取到接口发送回来的结果，
比如说response，我console点log一下，
保存，回到我的页面上，打开控制台，在About这个页面我们刷一下，大家可以看到它会把请求返回的内容打印出来:
它返回的结果是什么？
说有error，它返回的内容是一个error，我们看一下我的请求是不是这样的？
它会发一个 register这样的请求，请求的返回结果就是这样的一个内容，
我们可以用一下里面的message，怎么用？
我们这样用：
它会把 message 打印出来：
在 Vue 里面如何发一个请求?直接使用 axios 来发送就行了。
我可以通过 axios 这个工具去便捷的向某些接口发送接口请求，然后获取完数据后进行页面的展示。
相关内容
热门资讯
埃菲尔铁塔在哪 中国仿建埃菲尔...
2019年4月26日，广西南宁市，街头惊现一座巨型山寨版埃菲尔铁塔，高约20米，白色塔身，造型逼真，...
苗族的传统节日 贵州苗族节日有...
【岜沙苗族芦笙节】岜沙，苗语叫“分送”，距从江县城7.5公里，是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景...
北京从元代开始，逐渐走上帝国首都的道路，先是成为大辽朝五大首都之一的南京城，随着金灭辽，金代从海陵王...
应用未安装解决办法 平板应用未...
---IT小技术，每天Get一个小技能！一、前言描述苹果IPad2居然不能安装怎么办？与此IPad不...
脚上的穴位图 脚面经络图对应的...
人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用，包括头部穴位图、胸部穴位图、背部穴位图、胳...
长白山自助游攻略 吉林长白山游...
昨天介绍了西坡的景点详细请看链接：一个人的旅行，据说能看到长白山天池全凭运气，您的运气如何？今日介绍...
demo什么意思 demo版本...
618快到了，各位的小金库大概也在准备开闸放水了吧。没有小金库的，也该向老婆撒娇卖萌服个软了，一切只...
猫咪吃了塑料袋怎么办 猫咪误食...
你知道吗？塑料袋放久了会长猫哦！要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
世界上最漂亮的人 世界上最漂亮...
此前在某网上，选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中，人们投票选出了心目中最美...
埃菲尔铁塔在哪 中国仿建埃菲尔...
2019年4月26日，广西南宁市，街头惊现一座巨型山寨版埃菲尔铁塔，高约20米，白色塔身，造型逼真，...
苗族的传统节日 贵州苗族节日有...
【岜沙苗族芦笙节】岜沙，苗语叫“分送”，距从江县城7.5公里，是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景...
北京从元代开始，逐渐走上帝国首都的道路，先是成为大辽朝五大首都之一的南京城，随着金灭辽，金代从海陵王...
应用未安装解决办法 平板应用未...
---IT小技术，每天Get一个小技能！一、前言描述苹果IPad2居然不能安装怎么办？与此IPad不...