问题描述
我正在尝试使用网站的api,但我不明白为什么我的代码无法正常工作。如本视频(https://www.youtube.com/watch?v=ujbE0mzX-CU所示)应该在控制台的最后显示api,起始时间为1h58mn55s(大约2h11mn45)。我做了显示的所有操作,但是由于某种原因,我的控制台什么也没显示,并且我无法弄清楚问题出在哪里(我没有任何错误)。我的文件如下:
requests.js
import axios from 'axios';
import parsers from './parsers';
async function coinbaseMarkets() {
const response = await axios.get('https://api.pro.coinbase.com/products');
return parsers.coinbaseMarkets(response.data);
}
export default {
coinbaseMarkets,};
parsers.js
function coinbaseMarkets(data) {
const [cbMarketPairs] = data;
return {
pairs: cbMarketPairs.id,}
}
export default {
coinbaseMarkets,};
component.svelte(他使用的是路由文件,而不是组件文件,但我尝试了两者,但均未奏效)
<script context="module">
import requests from '../data/requests.js';
export async function preload() {
try {
const coinbaseMarkets = await requests.coinbaseMarkets();
return {coinbaseMarkets};
} catch(e) {
}
}
</script>
<script>
export let coinbaseMarkets;
console.log(coinbaseMarkets,"coinbaseMarkets");
</script>
感谢您的帮助和时间
解决方法
我还没有使用Svelte的运气,但是我不确定为什么您两次拥有相同的功能?
function coinbaseMarkets()
此外,控制台记录response
和parsers.coinbaseMarkets(response.data);
的结果是什么
感谢您的答复,我发现无法在必须在路由文件中调用的组件中使用该解决方案。