【问题标题】:Having issues with CSS and other scripts not loading after routing using nodeJs使用 nodeJs 路由后无法加载 CSS 和其他脚本的问题
【发布时间】:2020-04-22 16:32:53
【问题描述】:

我正在尝试从 MongoDb 数据库中获取数据,然后查看、编辑和删除它。

第一个工作得很好,但我遇到的问题是编辑。我所做的是在按钮单击上创建一条路线,基本上是这样的:

'/viewList/edit/'+item._id

这应该带我进入一个可以让我编辑这些值的表单。问题是 CSS、Bootstrap 和类似的东西中断了,页面失去了它们提供的所有功能,它看起来像一个通用的 html,其中不包含任何这些。

如果我删除路由输出的"/edit/" 位并执行'/viewList/'+item._id,它就可以工作。

我通过制作一个虚拟页面来测试这一点,该页面告诉特定项目的详细信息,例如它的名称和内容,并且页面不会中断,就 CSS/Bootstrap 而言。

我真的找不到解决方案,有人可以指出正确的方向吗?

【问题讨论】:

    标签: javascript html css node.js mongodb


    【解决方案1】:

    如果不查看 <head> 中的内容很难知道,但 <link> 标签中的路径可能是相对的。这意味着当您的 URL 路径更改时,它们将指向不存在的文件。检查它们是否以/ 开头,以便您的静态文件路径始终相对于根 URL 而不是相对于当前页面。即如果你有这个:

    <link rel="stylesheet" href="bootstrap/styles.css">
    

    改成:

    <link rel="stylesheet" href="/bootstrap/styles.css">
    

    【讨论】:

      猜你喜欢
      • 2018-07-13
      • 2012-06-19
      • 2023-04-04
      • 1970-01-01
      • 2015-11-13
      • 1970-01-01
      • 2021-12-31
      • 1970-01-01
      • 2020-05-26
      相关资源
      最近更新 更多