Framework7 + Cordova | Открыть iframe'ом локальный файл

Всем добрый день!

Я делаю приложение на Framework7, в котором есть роутинг. У меня есть компонент "page.f7.html", а также папка "1", внутри которой находятся файл "index.f7.html" и папка "data" со сккриптом "script.js" внутри (.pptx презентация с тестом, конвертированная в .html).

--page.f7.html
--1
  |
  --index.f7.html
  --data
    |
    --scripts.js

Мне нужно добавить к моему ккомпоненты, поэтому page.f7.html выглядит вот так:

<template>
    <div class="page">
        <div class="navbar">
            <div class="navbar-bg"></div>
            <div class="navbar-inner sliding">
                <div class="left">
                    <a href="#" class="link back">
                        <i class="icon icon-back"></i>
                        <span class="if-not-md">Back</span>
                    </a>
                </div>
                <div class="title">Задача 1</div>
            </div>
        </div>
        <div class="page-content">
            <iframe style="width: 100vw;height: calc(100vh - 110px);" id="frame-pptx" src="/lessons/tasks/1/index.f7.html" frameborder="0"></iframe>
        </div>
    </div>
</template>
<script>
    export default () => {
        return $render;
    };
</script>

Однако, айфрейм не выводится. Вот какая ошибка:


    Screen:
    Cannot GET /lessons/tasks/1/index.f7.html
    
    Console:
    Failed to load resource: the server responded with a status of 404 (Not Found)
    http://localhost:8080/lessons/tasks/1/index.f7.html

Я попытался решить эту проблему следующим способом - прописал роут для файла index.f7.html

<iframe style="width: 100vw;height: calc(100vh - 110px);" id="frame-pptx" src="/lessons/tasks/cont/1/" frameborder="0"></iframe>

И получил две ошибки в консоли:


    [Error] Failed to load resource: the server responded with a status of 404 (Not Found) (http://localhost:8080/lessons/tasks/cont/1/js/app.js, line 0)
    [Error] Refused to execute http://localhost:8080/lessons/tasks/cont/1/js/app.js as script because "X-Content-Type-Options: nosniff" was given and its Content-Type is not a script MIME type.

По каким-то причинам ищет js/app.js, который должен искаться обычным index.html, который используется как теймплейт, лежащий в src. Может дело в нём?

Очень сильно надеюсь на ваши советы и помощь. Какие действия мне нужно предпринять, чтобы заставить айфрейм заработать?


Ответы (0 шт):