vue 使用axios 跨域請求資料的問題

標籤：vue   ons   一般來說   console   -o   axios   不同   cal   access   

axios預設是沒有jsonp 跨域請求的方法的。一般來說流行的做法是將跨域放在後台來解決，也就是後台開發人員添加跨域頭資訊。

例如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);    });

 

vue 使用axios 跨域請求資料的問題