我現在正在進入 vue js。目前我正在嘗試將來自外部檔案（來自另一臺服務器，來自 url）的資料轉換為字串以將其決議為陣列。但是我已經無法將檔案轉換為字串部分。我嘗試使用：
export default {
data() {
return {
lines: [],
error: '',
choice: '',
content: ''
}
async created() {
try{
parseFile();
}
catch(err){
this.error = err.message;
}
methods: {
async parseFile() {
fetch('https://filesamples.com/samples/document/txt/sample3.txt')
.then(response => response.text())
.then(data => {console.log(data); this.content = data;});
}
}
}
我想將其作為字串存盤到內容中，以便稍后將其拆分為行陣列。
可悲的是它甚至沒有加載，我將永遠在控制臺中一無所獲。為什么會這樣？我在這里發現你可以使用 raw-loader（或者我現在認為的資產模塊）將原始檔案匯入 vue。但將原始檔案匯入 App.vue 以加載它不是我的目標。有人有想法嗎，為什么這對我不起作用？我不太習慣 JavaScript，也許我只是笨而已，哈哈。
最好的祝福
uj5u.com熱心網友回復：
您的代碼沒有任何問題，您正在使用承諾鏈來獲取獲取的結果，但是您在未捕獲的請求上遇到了 CORS 錯誤。
我更改了代碼的格式并添加了一個額外的 try catch，您將看到控制臺中記錄了“獲取錯誤”。
async parseFile() {
try {
const fetchResponse = await fetch(
"https://filesamples.com/samples/document/txt/sample3.txt"
);
console.log(fetchResponse.text());
} catch (ex) {
console.log("Error in fetch");
}
}
https://codepen.io/DanielRivers/pen/qBVpZOo
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/426732.html
標籤：javascript Vue.js 文件 拿来