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

这一节我们学习下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请求)