腾讯行政区划api 跨域坑

126 阅读1分钟

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第8天,点击查看活动详情。(juejin.cn/post/705288… "juejin.cn/post/705288…

image.png

采用jsonp www.freesion.com/article/647…

原生的ajax是支持的

axios 不支持啊: image.png

image.png

jsonp

install vue-jsonp --save

// 网上很多博客引用不加{},会报错 真的回谢了

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

image.png

main.js 改为这种引入方式

import * as VueJsonp from 'vue-jsonp' 
Vue.use(VueJsonp)

为什么会这样?

www.npmjs.com/package/vue…

官方引入:

image.png

image.png 参考:www.jianshu.com/p/9497e18fd…

好家伙,有报错了

image.png

jsonp 请求在哪里看???

image.png 在地址栏尝试了也没事

image.png

吐了鸭

image.png

这个插件是基于vue2的prototype去全局挂载的

不能用proxy

线上也会跨域啊,这个配置只是解决了本地跨域

image.png 这种方法也是行不通的

从源头出发 key说明也是用jsonp

image.png

加请求头试试看

百度了好久 在挣扎一下 image.png

  • dependencies:  表示生产环境下的依赖管理;
  • devDependencies:  表示开发环境下的依赖管理;

一开始我是装在 线上环境 现在改在开发环境 还是不行

image.png

全局引入 局部引入都试过还是不行!!!

image.png

应该不是 headers 传json格式的问题

终于迎来了大结局

image.png

试了下其他的接口 发现可以跑通

对比看了一下 发现参数 漏了个 output: 'jsonp', 但是腾讯官网上面写的是 否 不是必填项

image.png 离谱啊

有结果了!!!

image.png

多谢这位老哥了 写的真的不错: blog.csdn.net/LWD_XST/art…