我是 Svelte 的新手,正在嘗試弄清楚如何使用 Axios 獲取 CSV。看起來應該很簡單,但我沒有任何運氣。我嘗試了一些不同的東西,但沒有任何東西讓我得到我的資料。我肯定錯過了什么?下面是我來自 App.svelte 檔案的代碼。(目前這是非常簡單的骨頭)希望得到任何幫助。謝謝!
更新:我使用的是 Google Chrome 94 版和最新版本的 Axios ("axios": "^0.23.0")
另外,我可以得到CSV如果我使用取
這是我得到的錯誤:
error TypeError: Cannot convert undefined or null to object
at Function.keys (<anonymous>)
at mergeConfig (mergeConfig.js:92)
at Axios.request (Axios.js:39)
at Axios.<computed> [as get] (Axios.js:129)
at Function.wrap [as get] (bind.js:9)
at App.svelte:29
代碼:
<script>
import { geoAlbers, geoPath } from "d3-geo";
import { onMount } from "svelte";
import { feature } from "topojson-client";
import axios from "axios";
let nation, usstates;
const projection = geoAlbers();
const path = geoPath().projection(projection);
let data;
onMount(async function () {
const response = await fetch(
"https://unpkg.com/[email protected]/states-10m.json"
);
const json = await response.json();
const land = feature(json, json.objects.nation);
const states = feature(json, json.objects.states);
nation = path(land);
usstates = path(states);
let data = [];
let error = null;
try {
const locations = await axios.get(
"https://docs.google.com/spreadsheets/d/e/2PACX-1vQOGtpeb5QsunVCaYXto2CGdYNOy5tDa42nZuTW198hswSmoTZUQv-LUAXMwpnSq76eHcV6aNO-Epya/pub?output=csv"
);
data = locations.data;
console.log("data", data);
} catch (e) {
error = e;
}
});
</script>
<svg width="960" height="500">
<path d={nation} class="border" />
<path d={usstates} class="stateborder" />
</svg>
<style>
svg {
width: 960px;
height: 500px;
}
.border {
stroke: #444444;
fill: #cccccc;
}
.stateborder {
fill: "none";
stroke: #fff;
stroke-width: 0.5;
}
</style>
uj5u.com熱心網友回復:
你有錯誤嗎?你用的是什么版本的 Axios?我可以看到您的 Google 檔案 URL 正在發送 307 重定向,這可能會導致問題。
https://github.com/axios/axios/issues/2429指的是您可能遇到的情況。
你的代碼在 Axios 0.21.4 和 Chrome 94 上對我有用。
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/326238.html
