Vue-jsonp

2019-04-22  本文已影响0人  Christoles
在根目录下下载插件
npm install jsonp -- save-dev 
使用方法 --- 测试跨域请求一个网址的指定传入关键词的数据
<script>
    import jsonp from 'jsonp'//引入插件
    
    export default {
        created(){
            //jsonp请求数据  jsonp只能用get 不能用post
            var keyword = "李白";
            var baseUrl = "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su";
            var _url = baseUrl + "?wd="+keyword+"&cb=callback";
            jsonp(_url,(res)=>{ // ***
                callback(res);
            })
            window.callback = function(data){//--- callback 需要挂载在window下!
                console.log(data)
            }
        }
    }
</script>

如果需要引入到别的子组件中使用,则另外单独引入、注册、渲染:


image.png
上一篇下一篇

猜你喜欢

热点阅读