学习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问题

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值