您的当前位置:首页正文

详解如何在Vue项目中发送jsonp请求

2020-01-27 来源:步旅网
详解如何在Vue项⽬中发送jsonp请求

起因

公司临时要⽀撑河南的⼀个项⽬,做⼀个单点登录的功能。简单来说,就是以下3步

客户⽅点击某个按钮进⼊我们的页⾯a

在页⾯a中由前端发送⼀个jsonp请求到客户⽅,得到⼀个token值

前端得到token值后向⾃⼰后端发送⼀个请求,后端根据token去redis(token的值就是redis⾥的key)⾥取值(key=token的

值,value=⽤户信息等)判断⽤户是否已登陆,若登陆则根据取到的⼯号等信息后端模拟登陆,若没有登陆,则跳转到客户⽅登陆页⾯怎么做

发送jsonp请求,axios官⽅貌似并不⽀持,所以排除󰀀󰀀♀󰀀经过辗转Google,发现了*vue-jsonp*这个插件使⽤vue-jsonp官⽅地址:下载

npm install vue-jsonp --save-dev

引⼊项⽬

import Vue from 'vue'

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

然后,我们就可以在项⽬中愉快地使⽤啦󰀀󰀀项⽬中xxx.vue⽂件

是不是so easy 󰀀但是真的整了⼀晚上才整出来,谁能知道jsonp的返回值在then⾥返回不了呢,打印也打印不出来。。。以上就是本⽂的全部内容,希望对⼤家的学习有所帮助,也希望⼤家多多⽀持。

因篇幅问题不能全部显示,请点此查看更多更全内容