鍍金池/ 問答/HTML/ vue使用axios 請(qǐng)求資源獲取成功,頁面圖片資源卻無法渲染

vue使用axios 請(qǐng)求資源獲取成功,頁面圖片資源卻無法渲染

資源獲取成功,圖片卻無法渲染。
在瀏覽器地址欄中放入圖片資源路徑,可以渲染出來。之后再刷新頁面,項(xiàng)目中的圖片就正常渲染出來了。
如果沒有上述操作,圖片資源卻渲染失敗。

axios 請(qǐng)求

getData (bool) {
        axios.get(`http://sbdx.lygher.com/wenpaiting/wpt/api/pc.php?op=guangguang&p=${this.index}`)
          .then((response) => {
            console.log(response.data)
            for (let i = 0; i < response.data.length; i++) {
              if (bool) {
                this.pageData.unshift(response.data[i])
              } else {
                this.pageData.push(response.data[i])
              }
            }
          })
          .catch((error) => {
            console.log(error)
          })
      }

請(qǐng)求之后的結(jié)果圖片描述

報(bào)錯(cuò)提示
圖片描述

使用報(bào)錯(cuò)的圖片地址打開一個(gè)新的瀏覽器窗口,圖片正常顯示

圖片描述

之后刷新項(xiàng)目,在新的瀏覽器窗口打開的圖片地址正常顯示,其他圖片資源依然報(bào)錯(cuò)

社區(qū)的大佬們指點(diǎn)下,跪謝^_^

回答
編輯回答
淚染裳

圖片cdn不是你自己的吧?看起來是做了host之類的限制。禁止外鏈了。

2017年11月26日 17:58