使用axios發(fā)送get請求

先install一下axios：

在main.js中全局引入axios：

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

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

使用$http發(fā)送請求：

使用axios發(fā)送get請求：

請求URL優(yōu)化

將請求URL定義成變量：

axios.defaults.baseURL //是axios默認(rèn)的屬性

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

v-for遍歷列表數(shù)據(jù)

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

展示接口返回的數(shù)據(jù)：

使用items接收接口返回的數(shù)據(jù)：

v-for遍歷接口返回的數(shù)據(jù)列表：

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。