用户登录

在应用里你可以直接导入使用 axios,也可以创建一些 axios 实例,这样你可以单独配置一下这些实例。比如在这个 app.service 里面,我们可以创建一个 axios 实例。

在这个文件的顶部已经导入了 axios,创建 axios 实例要使用它上面的 create 方法。给创建的实例起个名字叫 apiHttpClient ,用一下 axios 上面的 create ,给它提供一个配置选项参数,在里面可以配置一下这个实例。比如配置一下 baseURL ,请求的基本地址设置成 http://localhost:3000

这样使用这个 axios 实例请求服务端接口的时候,就不需要设置这个基本的地址了。在这个 app 组件里可以用一下刚才我们创建的那个 axios 实例。从 app.service 里面导入 apiHttpClient 。

这里可以使用这个实例上的 get 方法,请求内容列表接口。axios 实例的用法跟直接使用 axios 基本上是一样的。所以这里可以使用它上面的 get 方法,发送一个 get 类型的 http 请求。

在浏览器上再观察一下,页面上仍然会正常显示请求回来这组内容数据。

创建与使用 axios 实例《 Vue.js 前端应用 #9:请求接口 》

统计

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

社会化网络

关于

微信订阅号

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