Тематическое исследование: развертывание приборной панели VOC с бэкэнд с колбами для динамической загрузки CSV и живого ⇐ Python

[Anonymous]

Как аналитик данных, мне было поручено преобразовать статическую панель HTML Voc (голос клиента) (генерируется с использованием инструмента AI) в полностью размещенное, готовое к производству решение, где: < /p>

• Dashboard Live и совместно используется по общему каналу < /li>
  (анализ) (CSV)
• The dashboard should reflect the latest uploaded data on refresh — without needing to re-upload HTML files or touch the code

What I've done so far:

[*]Dashboard Hosting

• Created a Статический index.html файл панели панели (из экспорта инструмента AI)
• подтолкнуть его к Github → Deploed It через рендеринг в качестве статического сайта

render link

[*]

[*] />

• Построенное приложение Flask с загруженным файлом CSV, защищенным паролем,
• Загруженный файл сохраняется как последняя_data.csv в Directory/
• Этот файл обслуживается из /латеста />

Upload App Link

[*]CORS Handling

• Added flask-cors and enabled CORS(app) so the dashboard can fetch from this backend

[*] javaScript в панели панели

• Удаленный жесткий кодированный CSV, встроенный в js
• Заменил на fetch () Call, чтобы получить последнюю_data. /> об отказе: отображение «Не удалось загрузить живые данные». < /code> в красном < /li>
  < /ul>
  < /li>
  < /ol>
  Все развернуто правильно и индивидуально работает: < /p>
  
  Приложение Flask Saves ( /P

  Код: Выделить всё

  latest_data.csv

  )
• The dashboard is live and publicly accessible
• The endpoint https://flash-voc-30-1.onrender.com/latest_data.csv works fine in browser
• CORS is enabled

But Панель инструментов не может принести CSV во время выполнения. Он отображает сообщение об ошибке: < /p>

"не удалось загрузить живые данные." < /P>
< /blockquote>
и в консоли браузера (Devtools → Console), я вижу ошибки, как: < /p>

Код: Выделить всё

TypeError: Failed to fetch< /code>
CORS policy blocks the request< /code> или
Unexpected token

Ошибки при анализе CSV
Я уже:

• подтвердил elech () url в index.html является правильным

  Код: Выделить всё

  CORS(app)

  )
• Accessing the file manually works
• Tried hard-refreshing with Ctrl + Shift + R
• JS is wrapped in async function fetchAndLoadCSV() and executed at load

Why isn't the dashboard JavaScript извлекает последнюю скорость_дата.csv успешно из бэкэнда колбы-даже если он общедоступен и с поддержкой CORS? Может ли что -то не так: < /p>

Правила внутренних сетевых сетей рендеринга? Функции? />


component < /th>
details < /th>
< /tr>
< /thead>



< /br />

< /thead>


Статический html -файл, размещенный через рендеринг < /td>
< /tr>

Backend < /td>
Flask (python) приложение, размещенное через render < /td>
< /tr>

< /td> < /td> < /td> < /td> < /td> /> файл CSV, загруженный через Flask < /td>
< /tr>

Integration < /td>
js fetch index.html < /code> → загружает последний_data.csv < /code> < /td>

Control Control < /td>
на основе пароля CSV upload < /td>
< /tr>

хостинг < /td>
render.comti /> код, нажатый и подключен через GitHub Repo




Подробнее здесь: https://stackoverflow.com/questions/796 ... -csv-uploa