В Nuxtjs динамические страницы css и js не загружаются при перезагрузке страницы [javascript, nuxt.js, css, dynamic-routing]

Когда я впервые открываю динамическую страницу в 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

См. также: Связанный список: как реализовать деструктор, конструктор копирования и оператор присваивания копирования?

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

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

Post Views: 123

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

Комментарии: 1

Faiza Zahoor 28.06.2021 в 00:00
Потратив много времени на поиск решений в Интернете, я наконец нашел одно решение. Разместите его здесь, чтобы он мог помочь кому угодно и сэкономить время. Итак, чтобы 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
Ответить

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