Vue 需要使用jsonp解决跨域时,可以使用(vue-jsonp)

Posted Gavin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue 需要使用jsonp解决跨域时,可以使用(vue-jsonp)相关的知识,希望对你有一定的参考价值。

1,执行命令

npm install vue-jsonp --save

2、src/main.js中添加:

import VueJsonp from ‘vue-jsonp‘
Vue.use(VueJsonp)

3、其它组件中基本使用方法:

let obj = {
                    ‘location‘:item.point.lat+‘,‘+item.point.lng,
                    ‘output‘:‘json‘,
                    ‘ak‘:‘***‘
                }
                this.$jsonp(‘https://api.map.baidu.com/geocoder/v2/‘, obj).then(res => {
                  console.log(res)
                    this.
                }).catch(err => {
                  console.log(err)
                })

更多==》》》https://www.npmjs.com/package/vue-jsonp

以上是关于Vue 需要使用jsonp解决跨域时,可以使用(vue-jsonp)的主要内容,如果未能解决你的问题,请参考以下文章

vue-resource 怎么解决跨域问题

jsonp跨域时当有多个callback时怎么办

vue 解决jsonp跨域

vue 跨域请求 怎么带上cookies

[被自己坑了] 在 vue 解决跨域时,config/index.js 的正确编写方式

HTTP跨域时为何要发送options请求