1. 程式人生 > >vue 使用axios 跨域請求數據的問題

vue 使用axios 跨域請求數據的問題

rom 不想 需要 ole 人員 信息 vue 沒有 main

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 跨域請求數據的問題