vue使用axios跨域請(qǐng)求數(shù)據(jù)問題詳解
更新時(shí)間：2017年10月18日 17:03:15 作者：前端小小菜
這篇文章主要為大家詳細(xì)介紹了vue使用axios跨域請(qǐng)求數(shù)據(jù)的問題，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
axios默認(rèn)是沒有jsonp 跨域請(qǐng)求的方法的。一般來說流行的做法是將跨域放在后臺(tái)來解決，也就是后臺(tái)開發(fā)人員添加跨域頭信息。
例如java中的
header,response.setHeader("Access-Control-Allow-Origin", www.allow-domain.com)
但是很多時(shí)候，后臺(tái)出于一些原因不想修改或者已經(jīng)寫好jsonp的接口需要適應(yīng)不同平臺(tái)，此時(shí)，前端就可以單獨(dú)引入依賴解決該問題了。
引入依賴
cnpm install jsonp
導(dǎo)入到vue文件
import jsonp from 'jsonp'
使用方法（可以參考npm上 jsonp的文檔說明）
jsonp("http://cross-domain.com",//替換網(wǎng)址
{
//jsonp的回調(diào)函數(shù)名
name: 'success_jsonpCallback'
},
//注意第一個(gè)參數(shù)是 err，第二個(gè)參數(shù)是 data
function (err, data) {
console.log(data);
});
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue2.x對(duì)象單層劫持的原理實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-01-01
本篇文章主要介紹了詳解Vue生命周期的示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-03-03
這篇文章主要為大家詳細(xì)介紹了vue使用echarts實(shí)現(xiàn)折線圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
本文主要介紹了vue.js實(shí)現(xiàn)綁定class和style樣式的方法。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-04-04
本文主要介紹了Vue3中事件總線的具體使用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
vue-cli3在main.js中console.log()會(huì)報(bào)錯(cuò)的解決
這篇文章主要介紹了vue-cli3在main.js中console.log()會(huì)報(bào)錯(cuò)的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
在for循環(huán)中生成的元素要加key屬性不僅是在Vue框架中是要添加的，在React框架中也是要添加的。但\其實(shí)都不是必須的，因?yàn)樵?Vue和React中不加key是不會(huì)報(bào)錯(cuò)的，只是會(huì)有警告。但是我們?cè)谏钊肓私饧觡ey的原因后會(huì)明白，若想確保沒有隱患的話，元素還是必須要加key屬性。2021-05-05
在vue3版本中，引入了一個(gè)新的函數(shù)，叫做setup。本文將通過實(shí)例為大家詳細(xì)講講Vue3.2中setup語法糖的使用，感興趣的小伙伴可以了解一下2022-07-07
vue中使用 pako.js 解密 gzip加密字符串的方法
這篇文章主要介紹了vue項(xiàng)目中 使用 pako.js 解密 gzip加密字符串 的方法，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-06-06
利用vue3仿蘋果系統(tǒng)側(cè)邊消息提示效果實(shí)例
這篇文章主要給大家介紹了關(guān)于如何利用vue3仿蘋果系統(tǒng)側(cè)邊消息提示效果的相關(guān)資料,文中通過實(shí)例代碼以及圖文介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vue3具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2021-12-12