使用axios發送get請求

先install一下axios：

在main.js中全局引入axios：

僅僅在main.js中引入axios不會生效：

第二種解決方法如下，也是最常用的：

使用$http發送請求：

使用axios發送get請求：

請求URL優化

將請求URL定義成變量：

axios.defaults.baseURL //是axios默認的屬性

發起請求時只需要寫相對地址即可：

v-for遍歷列表數據

補全列表展示模塊html代碼：

展示接口返回的數據：

使用items接收接口返回的數據：

v-for遍歷接口返回的數據列表：

總結

以上是生活随笔為你收集整理的vue商城项目开发：axios发送请求及列表数据展示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。