學習vue時使用axios調用豆瓣API跨域問題

具體接口有哪些，自行百度吧

例如：

api接口：https://123456.com/v2/xxx/yyy

由于豆瓣api跨域問題，是以不能直接通過ajax請求通路，我們通過vue-cli提供給我們的代理（proxy）進行配置即可，打開config/index.js，配置代理proxyTable屬性如下：

//在proxyTable這個屬性中，配置target屬性為我們要代理的目标位址。
proxyTable: {
    '/api': {
      target: 'http://123456.com/v2',
      changeOrigin: true,
      pathRewrite: {
        '^/api': ''
      }
    }
  }
           

這時，我們實際異步請求ajax。也就是通路了http://123456.com/v2/xxx/yyy，進而解決跨域的問題。（以下使用ES6文法）

XXXFn (){
    axios.get('/api/xxx/yyy')
      .then((_data)=>{
         console.log(_data);
      });
 }
           

注意

最後，要注意了，豆瓣API是有請求次數限制的，不要以為自己coding有問題。API限制為每分鐘40次，一不小心就超了，超過次數限制就被封，隻能用不帶KEY的API，每分鐘隻有可憐的10次。

// 20191030更

現在這些開源接口貌似已經不能被調用了！！！！

遇到圖檔加載問題 報錯403 請檢視 vue調用豆瓣API加載圖檔403問題