Vue從了解到清晰-Vue2.0中使用vue-jsonp解決跨域問題(看看這篇就夠了)

1、執(zhí)行命令:
npm install vue-jsonp --save


2、src/main.js中添加:
import VueJsonp from 'vue-jsonp'
Vue.use(VueJsonp)


3、其它組件中基本使用方法:
this.$jsonp(rootApi+'/company/Info'',傳參參數(shù)對象{}).then(json => {
????????// 返回?cái)?shù)據(jù) json, 返回的數(shù)據(jù)就是json格式
}).catch(err => {
  console.log(err)
})


4、其他實(shí)例:


4.1:

this.$jsonp(ApiRoot+'/company/Info',
{  
????callbackQuery: 'callbackParam',// jsonp key //請求傳遞參數(shù)1
????callbackName: 'jsonpCallback',// jsonp key //請求傳遞參數(shù)2
????name: 'zhangsan',//請求傳遞參數(shù)3type: 6//請求傳遞參數(shù)4
}).then(json => {
????//返回?cái)?shù)據(jù)json,返回的數(shù)據(jù)就是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)
})


----
說明:Object.assign() 為 es6 javascript對象方法,功能是合并多個(gè)對象數(shù)據(jù)

(轉(zhuǎn)載請注明出處,首次發(fā)表于 http://www.cnblogs.com/rapale/p/7839203.html )

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容