vue-resource如何进行跨域的数据请求

Question

var demo=new Vue({

            el:'#app',

            data: {

                imgList:[],

                getImgUrl: ''    //存数据接口               

            },

            created: function(){

                this.getImg()              //定义方法

            },

            methods: {

                getImg: function(){

                  var that = this; 

               that.$http({           //调用接口

                        method:'POST',

                        url:"https://api.douban.com/v2/book/1220562"  //this指data

                    }).then(function(response){  //接口返回数据

                        this.imgList=response.data;                        

                    },function(error){

                    })

                }

            }

        })

写一个练手的demo 但是提示

vue如何解决跨域问题呢

Answer 1

跨域需要配置代理才可以。这和vue-resource没有关系。如果你是用的vue-cli搭建的项目，可以在dev-server.js文件中用express配置反向代理。网上有很多教程，也可以看http-proxy-middleware的github，讲的都非常通俗易懂。如果不是用vue-cli搭建的项目，需要引入express和http-proxy-middleware才可以配置代理，同样可以参考下面这个链接。https://github.com/chimurai/http-proxy-middleware