Я сейчас пытаюсь загрузить CSV-файл на страницу Nuxt. Структура папок ниже и выдает ошибку «Не удалось загрузить ресурс: сервер ответил со статусом 404 (не найдено)» :
Project
|
+--pages
|
+--lesson
|
+--index.vue
+--file.csv
import * as d3 from 'd3';
export default{
data(){
return{
dataset1:[]
}
mounted(){
d3.csv('file.csv', (myData) => {
console.log('Mydta', myData);
this.dataset1 = myData;
})
}
}
Я добавил следующее в конфигурацию веб-пакета в папке nuxt:
build: {
/*
** You can extend webpack config here
*/
extend(config, ctx) {
config = {
module: {
rules: [
{
test: /\.csv$/,
loader: 'csv-loader',
options: {
dynamicTyping: true,
header: true,
skipEmptyLines: true
}
}
]
}
}
}
}
Заранее спасибо