vue中用 jsonp解决跨域问题

小前端

已于 2023-08-20 15:32:30 修改

阅读量545

点赞数

分类专栏：跨域 vue 前端文章标签：前端 vue.js

于 2023-08-20 15:00:02 首次发布

本文链接：https://blog.csdn.net/weixin_45041493/article/details/132391883

版权

vue 同时被 3 个专栏收录

6 篇文章 0 订阅

订阅专栏

跨域

1 篇文章 0 订阅

订阅专栏

前端

1 篇文章 0 订阅

订阅专栏

vue-jsonp 安装

npm i vue-jsonp -S

main.js中引用

import Vue from 'vue'
import {vueJsonp} from 'vue-jsonp'
Vue.use(vueJsonp)

使用

this.$jsonp(
            'https://api.map.baidu.com/geocoder/v2/?callback=renderReverse&output=json&pois=1',
            {
              ak: 'ZwTVu16RLXjhW7FHDjYt5HfMnR1dhFpR',
              location: latitude + ',' + longitude
            }
          ).then((res) => {
          console.log(res)
        })
        .catch((err) => {
          console.log(err)
        })