В Nuxtjs динамические страницы css и js не загружаются при перезагрузке страницы

Когда я впервые открываю динамическую страницу в Nuxtjs, она работает нормально, но когда я перезагружаю эту страницу вручную, все файлы css и js перестают работать, и страницы разрываются. Когда я открываю эти стили и js-файлы в браузере из его источника страницы, он показывает / * стиль не найден * / Может ли кто-нибудь объяснить мне, почему это происходит и каково его решение. Режим моего приложения в универсальном.

Это мой файл nuxt.config.js … эти файлы в теге script находятся в папке static / assets:

введите описание изображения здесь

Это моя проблема:

введите описание изображения здесь

Это происходит потому, что путь к странице pages / project / id — это один каталог вверх для файлов статических папок, но прямой путь для страниц / файла ViewProject …. Я просто не знаю, как я могу сделать путь одинаковым для всех вложенных, а также прямые страницы. Может ли кто-нибудь помочь мне в этом?

Не могли бы вы показать нам код и файл nuxt.config.js, пожалуйста.   —  person Faiza Zahoor    schedule 27.06.2021

скрипт: [{src: assets/plugins/custom/datatables/datatables.bundle.js, body: true}]   —  person Faiza Zahoor    schedule 27.06.2021

Выше приведен сценарий, который доступен на странице pages / viewProject, но недоступен в pages / project / viewProject. Его проблема пути, которая изменяется, но я не знаю, как я могу установить этот путь, чтобы он не менялся для вложенных страниц. @целую   —  person Faiza Zahoor    schedule 27.06.2021

Хм, это мне не очень помогает и не отражает вашу ошибку.   —  person Faiza Zahoor    schedule 27.06.2021

Что произойдет, если вы начнете все пути к своим плагинам с чего-то вроде '@/assets/js/...'? @ в основном говорит о корне моего проекта, следовательно, связывая его абсолютным способом (от корня), а не относительным способом (от вашего текущего компонента).   —  person Faiza Zahoor    schedule 28.06.2021

См. также:  Как выполнить тихое обновление через неявный поток в Angular?

Если все эти файлы являются сторонними скриптами, вы можете использовать мой ответ здесь (отметьте EDIT2): stackoverflow.com/a/67535277/ 8816585 Кстати, я не уверен, что script существует сам по себе.   —  person Faiza Zahoor    schedule 28.06.2021

Я проверил все эти решения, но не помогло :( .. в любом случае я добавил решение, которое сработало для меня. Надеюсь, оно поможет и другим.   —  person Faiza Zahoor    schedule 28.06.2021

Понравилась статья? Поделиться с друзьями:
IT Шеф
Комментарии: 1
  1. Faiza Zahoor

    Потратив много времени на поиск решений в Интернете, я наконец нашел одно решение. Разместите его здесь, чтобы он мог помочь кому угодно и сэкономить время. Итак, чтобы nuxt не изменял пути скриптов, добавляя префиксы, я включил скрипт src в головной объект nuxt.config.js следующим образом:

    import { join } from 'path'
    export default {
      head: {
             script: [
              {
                src: join('/', `assets/plugins/global/plugins.bundle.js`),
                body: true
              }
        ]
    }
    

    Таким образом, теперь либо с вложенных страниц, либо с прямых страниц в каталоге страниц каталога, скрипт загружается правильно.

    Решение VueSchool не сработало (то, что я связал)? person Faiza Zahoor; 28.06.2021

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: