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

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中文網其他相關文章！