jsonp

Vue从了解到清晰-Vue2.0中使用vue-jsonp解决跨域问题(看看这篇就够了)

1、执行命令:
npm install vue-jsonp --save

2、src/main.js中添加:

Vue.use(VueJsonp)

3、其它组件中基本使用方法:
this.$jsonp( rootApi+'/company/Info'', 传参参数对象{} ).then(json => {
// 返回数据 json, 返回的数据就是json格式
}).catch(err => {
  console.log(err)
})

4、其他实例:
this.$jsonp(ApiRoot+'/company/Info', {
callbackQuery: 'callbackParam', // jsonp key //请求传递参数 1
callbackName: 'jsonpCallback', // jsonp key //请求传递参数 2
name: 'zhangsan', // 请求传递参数 3
type: 6 // 请求传递参数 4
}
).then( json => {
//返回数据 json, 返回的数据就是json格式
}). catch(err => {
  console.log(err)
})

4.2:
this.$jsonp(ApiRoot+'/company/Info',
  Object.assign(this.$store.state.common, {callbackQuery: 'callbackParam', callbackName: 'jsonpCallback'})
).then(json => {
  _this.pageData= json.result
}).catch(err => {
  console.log(err)
})

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容