vue調用豆瓣API加載圖片403問題


"豆瓣API是有請求次數限制的”,這會引發圖片在加載的時候出現403問題,視圖表現為“圖片加載不出來”,控制台表現為報錯403。

其實是豆瓣限制了圖片的加載,我自己用了一個辦法把圖片緩存下來:


只要在請求到的圖片鏈接前面加上‘https://images.weserv.nl/?url=’即可(注:這是一個專門緩存圖片的網址),會有點慢。

上代碼:

// 解決403圖片緩存問題
    getImages( _url ){
      if( _url !== undefined ){
        let _u = _url.substring( 7 );
        return 'https://images.weserv.nl/?url=' + _u;
      }
    }

_url:通過異步請求得到的圖片鏈接,這個是我從豆瓣請求到的一個圖片鏈接:http://img3.doubanio.com/view/photo/s_ratio_poster/public/p511146807.jpg;

_u:提取http://后面的部分;

用字符串拼接的方法將兩個鏈接拼起來,就可以將圖片加載出來


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM