如何解决在 Nuxtjs 动态页面的 css 和 js 未在页面重新加载时加载
当我第一次在 Nuxtjs 中打开动态页面时,它工作正常,但是当我手动重新加载此页面时,所有 css 和 js 文件都停止工作并分页。当我从其页面源代码在浏览器中打开这些样式和 js 文件时,它显示“ /* style not found */ ” 任何人都可以指导我为什么会发生这种情况以及它的解决方案是什么。我的应用的通用模式。
这是我的 nuxt.config.js 文件 ... script 标签中的这些文件位于 static/assets 文件夹中:
这是我的问题:
发生这种情况是因为页面/项目/id 页面的路径是静态文件夹文件的一个目录,但页面/ViewProject 文件的直接路径......我只是不知道如何使所有嵌套的路径相同以及直接页面。任何人都可以指导我吗?
解决方法
花了很多时间在互联网上搜索解决方案后,我终于找到了一个解决方案。将它张贴在这里,以便它可以帮助任何人并节省任何人的时间。因此,为了使 nuxt 不通过添加前缀来修改脚本路径,我以这种方式将脚本 src 包含在 nuxt.config.js 的 head 对象中:
import { join } from 'path'
export default {
head: {
script: [
{
src: join('/',`assets/plugins/global/plugins.bundle.js`),body: true
}
]
}
这种方式现在无论是从嵌套页面还是直接页面目录下的页面,都可以正确加载脚本。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。