vue使用axios跨域請求資料實例詳解

小云云
發布: 2018-05-15 11:11:48
原創
3457 人瀏覽過

axios預設是沒有jsonp 跨域請求的方法的。一般來說流行的做法是將跨域放在後台來解決,也就是後台開發人員添加跨域頭資訊。本文主要為大家詳細介紹了vue使用axios跨域請求資料的問題,具有一定的參考價值,有興趣的小夥伴們可以參考一下,希望能幫助到大家。

例如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",//替换网址 { //jsonp的回调函数名 name: 'success_jsonpCallback' }, //注意第一个参数是 err,第二个参数是 data function (err, data) { console.log(data); });
登入後複製

相關推薦:

關於vue2.0設定proxyTable使用axios進行跨域請求

Vue2.0 axios前後端登陸攔截器

#最完整的axios攻略

以上是vue使用axios跨域請求資料實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!