![](/img/trans.png)
[英]How can I convert the following JavaScript Promise into regular asychronous code?
[英]How can I convert my following regular JavaScript code to VueJS?
import request from "request";
var apikey = "?api_key=" + "???";
var region = localStorage.getItem("region").toLowerCase() + "1";
var user = "???";
request({
url: "https://" + region + ".api.riotgames.com/lol/summoner/v4/summoners/by-name/" + user + apikey,
json: true,
}, function(error, response, body) {
if(!error && response.statusCode == 200) {
var toParse = body;
var name = toParse.name;
console.log("Name: " + name);
}
});
所以這是一個使用riots api的代碼,我想把它轉換成vue js。 任何想法如何做到這一點? :O
您可以使用 Axios:
import axios from 'axios';
const apikey = "?api_key=" + "???";
const region = localStorage.getItem("region").toLowerCase() + "1";
const user = "???";
export function makeRequest()
{
return axios.get(
"https://" +
region +
".api.riotgames.com/lol/summoner/v4/summoners/by-name/" +
user + apikey)
.then(response =>
{
return response.data.name;
}).catch(error =>
{
return null;
});
}
如果您返回從 Axios 接收到的 Promise 而不是它的結果,也許會更好 - 這樣您就可以對 Promise 執行任何您想要/需要的操作,例如,在出現錯誤時顯示一些通知。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.