欢迎访问 生活随笔!

凯发k8官方网

当前位置: 凯发k8官方网 > 前端技术 > vue >内容正文

vue

vue商城项目开发:axios发送请求及列表数据展示 -凯发k8官方网

发布时间:2025/1/21 vue 18 豆豆
凯发k8官方网 收集整理的这篇文章主要介绍了 vue商城项目开发:axios发送请求及列表数据展示 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

先install一下axios:

在main.js中全局引入axios:

仅仅在main.js中引入axios不会生效:

第二种解决方法如下,也是最常用的:

使用$http发送请求:

使用axios发送get请求:

将请求url定义成变量:

axios.defaults.baseurl //是axios默认的属性


发起请求时只需要写相对地址即可:

补全列表展示模块html代码:

展示接口返回的数据:

使用items接收接口返回的数据:

v-for遍历接口返回的数据列表:

总结

以上是凯发k8官方网为你收集整理的vue商城项目开发:axios发送请求及列表数据展示的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错,欢迎将凯发k8官方网推荐给好友。

网站地图