vue全局配置數據接口的根域名

一、解釋

使用vue-resouse實現

 

二、代碼

  // 如果我們通過全局配置了，請求的數據接口 根域名，則 ，在每次單獨發起 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('獲取數據失敗！')
            }
          })
        },