webpack配置proxy跨域

豆瓣接口地址
http://api.douban.com/v2/movie/top250
http://api.douban.com/v2/movie/top250?start=25&count=25 参数

webpackDevServer.config.js

proxy: {
// 当你请求是以/api开头的接口,则我帮你代理访问https://api.douban.com
        '/api': {
          target: 'http://api.douban.com',
          pathRewrite: {'^/api' : ''},
          changeOrigin: true,     // target是域名的话,需要这个参数,
          secure: false
        },
    },

获取

// http://localhost:3000 本地地址
        axios.get('http://localhost:3000/api/v2/movie/top250')
        .then(res => {
            const smallSrc = res.data.subjects[0].images.small
            // 根据路径拿到图片大小
            let img = new Image() 
            img.src = smallSrc
            img.onload = function() {
                console.log(img.width, img.height)
            }
        })
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、小程序的tab选项卡 1.1 配置项目tab选项卡 app.json tabBar 如果小程序是一个多 tab...
    追梦小乐阅读 749评论 0 0
  • mean to add the formatted="false" attribute?.[ 46% 47325/...
    ProZoom阅读 2,727评论 0 3
  • afinalAfinal是一个android的ioc,orm框架 https://github.com/yangf...
    passiontim阅读 15,581评论 2 45
  • 2018年07月20日 “雨花石"并非真的是石头,早在一年前,我在《全民k歌》的好友里,和他对唱过歌。后来在一个开...
    晓易之_79f5阅读 423评论 0 1
  • “老师是人类灵魂的工程师。老师是辛勤的园丁”。儿时听到这些对老师的赞语,直至现在我才真正领悟了这些话的含...
    欢乐洋阅读 175评论 0 0