美文网首页
vue之axios速学 全局配置 带参数的get请求

vue之axios速学 全局配置 带参数的get请求

作者: 在路上phper | 来源:发表于2019-05-14 23:05 被阅读0次

这一节我们学习下axios的带参数get请求 和axios中全局配置
这里我准备了两个后端的api

image.png
这个地址表示最新新闻(http://localhost:8999/news/hotnews.php
http://localhost:8999/news/hotnews.php?hot=2 后面加个hot参数 表示访问的是最热新闻
接口返回数据如下
image.png
如果我们请求这些地址时 重复的写这些前缀url会显的太麻烦
axios官方里面支持全局的一些url配置
axios里支持全局配置
如下
image.png
这样写在页面里 我们用axios进行请求所有请求url上都会加上上面配置的地址
下面我们做个练习
在页面上显示最新新闻和最热新闻列表
页面代码如下
image.png
image.png
下面看下带参数的get请求方式
有两种写法
1.直接写在url后面加上?的形式
2.是get请求的第二个参数 是一个对象 里面有个params属性
具体看下面代码
image.png
以上就是axios的基本使用

相关文章

网友评论

      本文标题:vue之axios速学 全局配置 带参数的get请求

      本文链接:https://www.haomeiwen.com/subject/nydyaqtx.html