色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jsonp攔截器vue

林玟書1年前8瀏覽0評論

在Vue中使用JSONP請求的時候,需要特別注意跨域問題。JSONP請求是一種跨域請求技術,它通過在頁面上添加一個script標簽,利用script標簽的src屬性來進行跨域請求。在Vue中,可以使用jsonp攔截器來處理JSONP請求的跨域問題。

下面是一個使用jsonp攔截器的例子:

import Vue from 'vue';
import JsonP from 'jsonp';
Vue.prototype.$jsonp = (url, params) =>{
return new Promise((resolve, reject) =>{
JsonP(url, {
param: 'jsonpCallback',
timeout: 5000,
prefix: 'jsonpCallback',
name: 'jsonpCallback'
}, (err, data) =>{
if (err || !data) {
reject(err);
} else {
resolve(data);
}
});
});
};
Vue.http.interceptors.push((request, next) =>{
if (request.method.toLowerCase() === 'jsonp') {
request.method = 'get';
request.params = request.body || {};
request.jsonp = Vue.prototype.$jsonp;
}
next();
});

這個例子中,我們首先在Vue的原型上添加了一個方法$jsonp,用于進行JSONP請求。然后,在Vue的請求攔截器中,對所有method為jsonp的請求進行了處理,將method改為get,并設置了請求的參數和返回數據格式。

使用jsonp攔截器可以很好地處理JSONP請求的跨域問題,但是需要特別注意在使用JSONP請求時,需要跨域的服務端必須支持JSONP調用。