欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue3-HTTP請求方式

 更新時間：2022年06月24日 10:51:40   作者：sharryling  
這篇文章主要介紹了vue3-HTTP請求方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

vue3-HTTP請求

jsonp原理 結合node.js

服務端：

第15行，相當于在前端返回了js代碼，調用show()

第19行相當于 20-22行代碼

show被寫死了，最好的方式，客戶端把自己的函數名傳過去！如下：

傳參方法：

Get Post請求

1.導入包： vue-resourse

2.調用get： this.$http.get(‘url參數’).then((() => { 回調函數 }

3.調用post

設置根域名

emulateJSON：true

如果不帶上面的參數，就會出問題！！

所以也可以設置全局

vue3-HTTP請求發(fā)出后,判斷哪里出問題了

在請求后添加

.catch(function (error) {
? ? if (error.response) {
? ? ? // 請求成功發(fā)出且服務器也響應了狀態(tài)碼，但狀態(tài)代碼超出了 2xx 的范圍
? ? ? console.log("請求成功發(fā)出且服務器也響應了狀態(tài)碼，但狀態(tài)代碼超出了 2xx 的范圍");
? ? ? console.log(error.response.data);
? ? ? console.log(error.response.status);
? ? ? console.log(error.response.headers);
? ? } else if (error.request) {
? ? ? // 請求已經成功發(fā)起，但沒有收到響應
? ? ? // `error.request` 在瀏覽器中是 XMLHttpRequest 的實例，
? ? ? // 而在node.js中是 http.ClientRequest 的實例
? ? ? console.log("請求已經成功發(fā)起，但沒有收到響應");
? ? ? console.log(error.request);
? ? } else {
? ? ? // 發(fā)送請求時出了點問題
? ? ? console.log("發(fā)送請求時出了點問題");
? ? ? console.log('Error', error.message);
? ? }
? ? console.log(error.config);
? });

然后根據控制臺，返回的信息判斷。

控制臺：結果頁面 -> 按F12 -> 點擊控制臺

例如：

? ? service.get('/trace/'+sourceSearchInput.value).then(res => {
? ? ? dialogSearchResult.value.push(res); ? //返回對象，push進去 & vue3中 取變量值-》變量.value
? ? ? //console.log(res);
? ? }).catch(function (error) {
? ? if (error.response) {
? ? ? // 請求成功發(fā)出且服務器也響應了狀態(tài)碼，但狀態(tài)代碼超出了 2xx 的范圍
? ? ? console.log("請求成功發(fā)出且服務器也響應了狀態(tài)碼，但狀態(tài)代碼超出了 2xx 的范圍");
? ? ? console.log(error.response.data);
? ? ? console.log(error.response.status);
? ? ? console.log(error.response.headers);
? ? } else if (error.request) {
? ? ? // 請求已經成功發(fā)起，但沒有收到響應
? ? ? // `error.request` 在瀏覽器中是 XMLHttpRequest 的實例，
? ? ? // 而在node.js中是 http.ClientRequest 的實例
? ? ? console.log("請求已經成功發(fā)起，但沒有收到響應");
? ? ? console.log(error.request);
? ? } else {
? ? ? // 發(fā)送請求時出了點問題
? ? ? console.log("發(fā)送請求時出了點問題");
? ? ? console.log('Error', error.message);
? ? }
? ? console.log(error.config);
? });

以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關文章

最新評論