// 如果我們通過全局配置了,請求的數據接口 根域名,則 ,在每次單獨發起 http 請求的時候,請求的 url 路徑,應該以相對路徑開頭,前面不能帶 / ,否則 不會啟用根路徑做拼接;
Vue.http.options.root = 'http://vue.studyit.io/';
getAllList() { // 獲取所有的品牌列表
// 分析:
// 1. 由於已經導入了 Vue-resource這個包,所以 ,可以直接通過 this.$http 來發起數據請求
// 2. 根據接口API文檔,知道,獲取列表的時候,應該發起一個 get 請求
// 3. this.$http.get('url').then(function(result){})
// 4. 當通過 then 指定回調函數之后,在回調函數中,可以拿到數據服務器返回的 result
// 5. 先判斷 result.status 是否等於0,如果等於0,就成功了,可以 把 result.message 賦值給 this.list ; 如果不等於0,可以彈框提醒,獲取數據失敗!
this.$http.get('api/getprodlist').then(result => {
// 注意: 通過 $http 獲取到的數據,都在 result.body 中放着
var result = result.body
if (result.status === 0) {
// 成功了
this.list = result.message
} else {
// 失敗了
alert('獲取數據失敗!')
}
})
},