用户登录

在使用这个 axios 上面提供的方法发送 http 请求的时候,可能需要做一些额外的配置,比如在请求里包含特定的头部数据,设置一下要求的响应数据的类型等等。

鼠标放在这个 get 方法的上面,会提示这个方法接收的参数,你会发现它有一个 url 参数,后面还有一个 config 参数,参数值的类型是 AxiosRequestConfig,具体可以使用的配置选项,你可以参考这个类型,或者在 axios 的文档里找一找。

我们先这样试一下,给 get 方法提供一个要请求的地址,这个地址是接口的地址,去掉基本地址,然后给这个 get 方法提供一个配置选项参数,在里面可以设置一下 baseURL 这个选项,它的值是请求的基本地址,这里可以把它设置成 http://localhost:3000

这样真正请求的地址就是这个基础部分,加上 get 方法的第一个参数的值,也就是 /posts。在浏览器上观察一下,可以正常显示请求回来的这组内容列表。

这里我们也可以直接给 axios 提供一个请求选项,去掉 get 方法,直接提供给 axios 一个请求的配置选项参数,在里面可以先用 method 设置一下请求要使用的 HTTP 的方法的名字,比如 get ,再添加一个 url 设置一下要请求的地址,设置成 /posts,这个是服务端应用内容列表接口的地址。

下面再用一个 baseURL 设置一下地址的基础部分,设置成 http://localhost:3000 。 如果你想在请求里包含头部数据,可以添加一个 headers,把要添加的头部数据放在这个对象里。

再到浏览器上观察一下,页面上仍然会显示成功请求回来的这组数据。

axios 请求的配置《 Vue.js 前端应用 #9:请求接口 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点