vue使用axios跨域請求數(shù)據(jù)問題詳解
更新時間:2017年10月18日 17:03:15 作者:前端小小菜
這篇文章主要為大家詳細介紹了vue使用axios跨域請求數(shù)據(jù)的問題,具有一定的參考價值,感興趣的小伙伴們可以參考一下
axios默認是沒有jsonp 跨域請求的方法的。一般來說流行的做法是將跨域放在后臺來解決,也就是后臺開發(fā)人員添加跨域頭信息。
例如java中的
header,response.setHeader("Access-Control-Allow-Origin", www.allow-domain.com)
但是很多時候,后臺出于一些原因不想修改或者已經寫好jsonp的接口需要適應不同平臺,此時,前端就可以單獨引入依賴解決該問題了。
引入依賴
cnpm install jsonp
導入到vue文件
import jsonp from 'jsonp'
使用方法(可以參考npm上 jsonp的文檔說明)
jsonp("http://cross-domain.com",//替換網(wǎng)址 { //jsonp的回調函數(shù)名 name: 'success_jsonpCallback' }, //注意第一個參數(shù)是 err,第二個參數(shù)是 data function (err, data) { console.log(data); });
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
vue-cli3在main.js中console.log()會報錯的解決
這篇文章主要介紹了vue-cli3在main.js中console.log()會報錯的解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-04-04vue中使用 pako.js 解密 gzip加密字符串的方法
這篇文章主要介紹了vue項目中 使用 pako.js 解密 gzip加密字符串 的方法,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2019-06-06